Radix Homepage
Radix Homepage
ThemesThemesPrimitivesPrimitivesIconsIconsColorsColors
DocumentationPlaygroundBlog
Components

Strong

Marks text to signify strong importance.

View sourceReport an issueView in Playground
The most important thing to remember is, stay positive.
<Text>

  The most important thing to remember is, <Strong>stay positive</Strong>.

</Text>

API Reference

This component is based on the strong element and supports common margin props.

PropTypeDefault
asChild
boolean
No default value
truncate
boolean
No default value
wrap
Responsive<"wrap" | "nowrap" | "pretty" | "balance">
No default value

Examples

Truncate

Use the truncate prop to truncate text with an ellipsis when it overflows its container.

The goal of typography is to relate font size, line height, and line width in a proportional way that maximizes beauty and makes reading easier and more pleasant.
<Flex maxWidth="300px">

  <Strong truncate>

    The goal of typography is to relate font size, line height, and line width

    in a proportional way that maximizes beauty and makes reading easier and

    more pleasant.

  </Strong>

</Flex>
PreviousQuote
NextAlert Dialog
Edit this page on GitHub.