Origami Frontend Components & Services

SassDoc: o-teaser

oTeaser(opts)

Output all styles for teasers.

parameter type default description
opts (optional) all A map of teaser options. Includes an 'elements' key, to list which teaser elements will be used; and a 'themes' key, to list whilst themes will be used to modify the included teaser elements.

Links

oOverlayContentClose

Overlay close button styles.

The output does not include a class definition, and should be wrapped in a selector.

Example

Output button styles

.my-close-button {
    @include oOverlayContentClose();
}

Links

o-teaser-is-silent

Is silent setting

Links

oTeaserHeading

Teaser heading styles. Including styles for a nested link.

Links

oFormsAddCustom(...)

parameter type default description
input Type of input to customise, one of 'anchor' or 'radio'
icons A list of icons to render
theme Custom theme map

Links

oTeaser(opts)

Output all styles for teasers.

parameter type default description
opts (optional) all A map of teaser options. Includes an 'elements' key, to list which teaser elements will be used; and a 'themes' key, to list whilst themes will be used to modify the included teaser elements.

Links

Status
active
Switch component view

GitHub: o-teaser@6.2.5

Install o-teaser

If using the Build Service, add o-teaser@^6.2.5 to your link tag.

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-teaser@^6.2.5".

Help & Support

o-teaser is maintained directly by the Origami team. If you have any questions about o-teaser or Origami in general, we are happy to help. 😊

Slack: #origami-support
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #origami-support
Email: origami.support@ft.com