{{title}}

JSX components

{{#instantAlertsPreferencesModal}}

Instant alerts popup to manage preferences

{{/instantAlertsPreferencesModal}} {{#followPlusInstantAlerts}}

Follow plus instant alerts button (same appearance as normal follow button)

{{{renderReactComponent localPath="components/jsx/follow-plus-instant-alerts/follow-plus-instant-alerts.jsx" conceptId=this.conceptId name=this.name flags=@root.flags}}} {{/followPlusInstantAlerts}} {{#followPlusInstantAlerts}}

Unfollow plus instant alerts button

{{{renderReactComponent localPath="components/jsx/follow-plus-instant-alerts/follow-plus-instant-alerts.jsx" conceptId=this.conceptId name=this.name setFollowButtonStateToSelected=true cacheablePersonalisedUrl=true flags=@root.flags}}} {{/followPlusInstantAlerts}} {{#followPlusInstantAlerts}}

Unfollow plus instant alerts button (instant alerts turned on)

{{{renderReactComponent localPath="components/jsx/follow-plus-instant-alerts/follow-plus-instant-alerts.jsx" conceptId=this.conceptId name=this.name setFollowButtonStateToSelected=true cacheablePersonalisedUrl=true setInstantAlertsOn=true flags=@root.flags}}} {{/followPlusInstantAlerts}}

Handlebars components

{{#followButton}}

Follow button

{{> n-myft-ui/components/follow-button/follow-button}} {{/followButton}} {{#followButton}}

Unfollow button

{{> n-myft-ui/components/follow-button/follow-button setFollowButtonStateToSelected=true }} {{/followButton}} {{#saveButton}}

Save button

{{> n-myft-ui/components/save-for-later/save-for-later }} {{/saveButton}} {{#saveButton}}

Unsave button

{{> n-myft-ui/components/save-for-later/save-for-later isSaved=true }} {{/saveButton}} {{#saveButton}}

Save button with icon

{{> n-myft-ui/components/save-for-later/save-for-later saveButtonWithIcon=true }} {{/saveButton}} {{#saveButton}}

Unsave button with icon

{{> n-myft-ui/components/save-for-later/save-for-later isSaved=true saveButtonWithIcon=true }} {{/saveButton}}

Article Save popup

Pin button

{{#each pinButton}} {{> n-myft-ui/components/pin-button/pin-button }} {{/each}} {{#instantAlert}}

Instant Alert

{{> n-myft-ui/components/instant-alert/instant-alert }} {{/instantAlert}}

Follow concept

These are used in a group of many suggested follows/unfollows such as the myFT page cold start.

Onboarding call to action

Used on the myFT section of the homepage.

Concept pill

Used for links to concepts (eg: on the email digest page)

Collections

Curated collections of topics to follow.

{{> n-myft-ui/components/collections/collections }}

Topic list

A list of topics to follow

{{> n-myft-ui/components/concept-list/concept-list }}