Catalogue element

bry-text

Body text with a muted detail.

Settings

SettingTakesNeeded
texttext, at most 4,000 charactersyes
tonedefault, muted, neutral, brand, success, warn, dangerno
variantbody, ui, caption, labelno
sizesm, mdno

Example

JSX

<bry-stack gap={"1"}>
  <bry-text text={"Three issues are open this week."} />
  <bry-text text={"Updated a minute ago"} tone={"muted"} size={"sm"} />
</bry-stack>

Renderer contact sheet

These paths will hold the checked light and dark captures.

Light
bry-text light renderer capture
Dark
bry-text dark renderer capture