O3
Toast
tone × state matrix · info/success → polite, danger → assertive · dismiss + 자동 닫힘
정책 SSoT — components.md §O3
tone × state matrix
| variant | default | hover(정적 시연) | focus-visible(정적 시연) | active(정적 시연) | disabled |
|---|---|---|---|---|---|
| info | info상세 메시지 | infohover | info키보드 포커스 | infoactive | infodisabled |
| success | success상세 메시지 | successhover | success키보드 포커스 | successactive | successdisabled |
| danger | danger상세 메시지 | dangerhover | danger키보드 포커스 | dangeractive | dangerdisabled |
실제 Toast Provider 트리거 데모
Responsive
toast preview가 viewport에 따라 가로폭 변화
알림새 활동이 있습니다
알림새 활동이 있습니다
알림새 활동이 있습니다
알림새 활동이 있습니다
알림새 활동이 있습니다
알림새 활동이 있습니다