흘러나오는 문장
AI 답처럼 문장이 단어 단위로 흘러나와요. 전체가 300ms 안에 끝나요.
모바일PCStreamText
고르기#
이 부품을 언제 쓰고, 언제 다른 것을 쓰는지예요.
언제 쓰나#
- AI 답이 흘러나오는 문장.
인터페이스#
타입에서 자동으로 뽑은 표예요.
StreamText#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| text* | - | string | |
| className | - | string | 배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요. |
| wordClass | - | string | |
| renderWord | - | (w: string) => React.ReactNode | 낱말 하나를 어떻게 그릴지. 숫자 볼드처럼 **낱말 안쪽 강조**가 필요할 때 준다. |
| stagger | 30 | number | |
| max | 1200 | number | 최댓값이에요. |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 동작 줄이기 설정이면 낱말이 흘러나오지 않고 한 번에 보여요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |