Skip to content

Latest commit

 

History

History
36 lines (27 loc) · 907 Bytes

README.mdx

File metadata and controls

36 lines (27 loc) · 907 Bytes
Raw
name menu route
Caption
Design System
/core/caption

Caption

Caption is a Span tag with predefined styles. No option available except of color

color

By default Caption color is bulma.100. You can use any color.

Bulma.100 - is main text color. Trunks.100 - is secondary text color

<Stack>
  <Caption>Caption with default color</Caption>
  <Caption color="trunks.100">Caption with defined color</Caption>
  <Caption color="piccolo.100">Caption with defined color</Caption>
  <Caption color="krillin.100">Caption with defined color</Caption>
</Stack>

as="p"

By default Caption renders as Span tag. You can render it as Paragraph or Label tags, etc.

<Stack>
  <Caption>Caption renders Span tag by default</Caption>
  <Caption as="p">Caption renders Paragraph tag</Caption>
  <Caption as="label">Caption renders Label tag</Caption>
</Stack>