text-style.md

< Back to Components List

Text style

polaris-text-style implements the Polaris Text style component. The only available attribute is variation which specifies the style to apply to the text or block content. Allowed values are positive (green text), negative (red text), strong (bold text) and subdued (muted text).

Examples

Inline form with positive (green) text:

{{polaris-text-style variation="positive" text="This text is positive and green"}}

Block form with subdued (muted) text:

{{#polaris-text-style variation="subdued"}}
  This text is subdued and looks muted
{{/polaris-text-style}}