Origami Frontend Components & Services

The Origami Registry is being decommissioned by the end of March 2024 and replaced with Storybook. For more information please read our blog post.

Please share any feedback in our #origami-chat Slack channel.

Demos: o-teaser

This version of o-teaser hasn't been branded yet. Please check the latest version, 6.3.0, as branding is a relatively new addition to our components.

Small

Small teaser

Small Full Fat

Small (full-fat) teaser

Small Image

Small teaser with image

Small Image Right

Small teaser with image positioned to the right

Small Image Stacked

Small teaser with stacked image

Small Video

Small video teaser

Small Video Image

Small video teaser with image

Small Video Stacked

Small video teaser with stacked image

Opinion

Opinion teaser with no image

Large

Large teaser default theme

Large Image

Large teaser default theme with image

Large Opinion

Large teaser opinion theme

Hero

Hero teaser default theme

Hero Highlight

Hero teaser highlight theme

Hero Opinion

Hero teaser opinion theme

Hero Centred

Hero teaser default theme centred

Hero Extra

Hero teaser extra theme centred

Hero Image

Hero image teaser

Hero Stretched

Hero teaser default theme stretched

Top Story Hero

Top story teaser hero standalone theme

Top Story Standalone

Top story teaser standalone theme

Top Story Landscape

Top story teaser landscape theme

Top Story Big Story

Top story teaser big story theme

Inverse

Top story teaser big story theme

Paid Post

Paid Post teaser

Promoted Content

Small teaser for content by external advertisers

Basic Package Teaser

Package teaser without List basic theme

Basic Package Teaser List

Package teaser with list basic theme

Special Report Package Teaser

Special Report Package teaser without List

Special Report Package Teaser List

Special Report Package teaser with list

Extra Package Teaser

Package teaser without List extra theme

Extra Package Teaser List

Package teaser with list extra theme

Big Video Large

Large 'big video' teaser

Big Video Hero

Hero 'big video' teaser

Status
active Origami v1 (Bower)
Switch component view

GitHub: o-teaser

Install o-teaser

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

If using the Bower package manager for a Manual Build, run bower install --save "o-teaser@^2.3.1".

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: #ft-origami
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: #ft-origami
Email: origami.support@ft.com