Demos: o-labels

Sizes

Label size modifiers are used to change the prominence of labels.

States used to represent the different service support tiers.

States used to represent the different support levels of Origami components.

Colour palette based states do not specify a particular usecase, and may be used flexibility.

Labels sitting in line with text that's styled with o-typography.

Status

Switch component view Brand Version

Install o-labels

If using the Build Service, add o-labels@^6.5.3 to your link tag. Ensure the correct brand is set with a query parameter &brand=internal.

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

Help & Support

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

Feedback / Issues

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