Content
Text
Styled text with tone and color control. Wraps the Polaris <s-text> web component.
Usage
<template>
<ShText tone="success">Order confirmed</ShText>
<ShText color="subdued">Secondary info</ShText>
<ShText type="strong">Bold text</ShText>
</template>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
type | 'strong' | 'generic' | 'address' | 'redundant' | — | Text type / semantic role |
tone | 'info' | 'success' | 'warning' | 'critical' | 'auto' | 'neutral' | 'caution' | — | Color tone |
color | 'base' | 'subdued' | — | Text color |
fontVariantNumeric | 'auto' | 'normal' | 'tabular-nums' | — | Numeric font variant |
dir | '' | 'auto' | 'ltr' | 'rtl' | — | Text direction |
accessibilityVisibility | 'visible' | 'hidden' | 'exclusive' | — | Accessibility visibility |
interestFor | string | — | Target element for interest |
Slots
| Slot | Description |
|---|---|
default | Text content |
Polaris Element
Renders as <s-text>. See Polaris Text docs.