Strong

텍스트가 강한 중요도를 가짐을 나타내는 컴포넌트예요.

출처: 문서

본문

문장 안에서 특정 부분을 굵게 강조해 의미를 드러내고 싶을 때 사용해요.

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

이 컴포넌트는 strong 요소를 기반으로 하며, 공통 margin props를 지원해요.

Prop	Type	Default
`asChild`	`boolean`	No default value
`truncate`	`boolean`	No default value
`wrap`	`Responsive<"wrap" \| "nowrap" \| "pretty" \| "balance">`	No default value

예시 (Examples)

Truncate

truncate prop을 사용하면 텍스트가 컨테이너를 넘칠 때 말줄임표(...)로 잘라낼 수 있어요.

<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>

더 알아보기 (Learn more)

truncate는 단일 행 텍스트를 넘침 없이 잘라낼 때 유용하고, wrap prop으로 줄바꿈 동작을 세밀하게 조절할 수 있어요.