텍스트 (Text)
텍스트 (Text)
출처: 문서
본문
텍스트를 위한 컴포넌트예요.
기본 (Basic)
type 속성으로 Text의 타입을 정의해요.
크기 (Sizes)
size 속성을 사용해서 large, default, small 크기를 설정할 수 있어요.
줄임표 (Ellipsis)
truncated prop을 전달하면 텍스트가 뷰포트 또는 설정된 max-width 너비를 초과할 때 줄임표를 렌더링해요. line-clamp prop으로 여러 줄 줄임표를 렌더링해요. 버전 2.14.6부터는 isTruncated가 노출되어 텍스트가 잘렸는지 여부를 나타내요. 이를 사용해서 잘림이 발생할 때만 툴팁을 표시할 수 있어요.
오버라이드 (Override)
tag 속성을 사용해서 요소를 덮어쓸 수 있어요.
혼합 (Mixed)
텍스트 혼합 컴포넌트예요.
API
속성 (Attributes)
| Name | Description | Type | Default |
|---|---|---|---|
| type | 텍스트 타입 | enum | — |
| size | 텍스트 크기 | enum | default |
| truncated | 줄임표 렌더링 | boolean | false |
| line-clamp 2.4.0 | 최대 줄 수 | string / number | — |
| tag | 커스텀 요소 태그 | string | span |
슬롯 (Slots)
| Name | Description |
|---|---|
| default | 기본 콘텐츠 |
Exposes
| Name | Description | Type |
|---|---|---|
| isTruncated 2.14.6 | 텍스트가 잘렸는지 여부 | object |