Content
Paragraph
Paragraph text. Wraps the Polaris <s-paragraph> web component.
Usage
<template>
<ShParagraph>This is a paragraph of text.</ShParagraph>
<ShParagraph tone="warning" :line-clamp="3">
Warning message that may be truncated after 3 lines.
</ShParagraph>
</template>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
tone | 'info' | 'success' | 'warning' | 'critical' | 'caution' | 'auto' | — | Color tone |
color | 'base' | 'subdued' | — | Text color |
fontVariantNumeric | 'auto' | 'normal' | 'tabular-nums' | — | Numeric font variant |
lineClamp | number | — | Max visible lines |
dir | '' | 'auto' | 'ltr' | 'rtl' | — | Text direction |
accessibilityVisibility | 'visible' | 'hidden' | 'exclusive' | — | Accessibility visibility |
Slots
| Slot | Description |
|---|---|
default | Paragraph content |
Polaris Element
Renders as <s-paragraph>. See Polaris Paragraph docs.