ExampleTag
랜딩·가입의 예시 데이터에 붙이는 “예시” 표시.
- 출시 화면에서 사용
개요
미리보기
Example
예시
상태
위젯
Example카드
Example
이렇게 · 이렇게 하지 않기
- 이렇게 예시 데이터가 보이는 모든 위젯과 카드에 단다. 작게 쓰되 대비 기준은 본문과 같다.
- 이렇게 하지 않기 이 태그를 떼고 표본을 실제처럼 쓰지 않는다. 예시 숫자가 실제 결과처럼 읽히는 배치를 하지 않는다.
토큰과 속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
on? | 'widget' | 'card' | widget | 붙는 곳. widget은 위젯 모서리, card는 카드 제목 앞. |
| 그 밖의 속성 | — | — | id 등 span 속성이 전달된다. 감싼 위젯·카드의 aria-labelledby 맨 앞에 이 id를 둔다. |
접근성
키보드: 비대화형.
- 감싼 요소의 접근 이름 앞에 붙는다: “예시: 잊고 있던 기록, 2주 전…”.