SH1 · SH2 · O9·O10 child
Shell Helpers
ShellIconButton(SH1) + SettingsTabItem(SH2) + ProfileMenuItem(D1 child) + NotificationItem(O10 child). Shell 영역에서 사용하는 4종 Molecule.
SH1
ShellIconButton
icon-only / icon-with-badge / avatar 3 variant · default/hover/active/disabled
icon-only
icon-with-badge
avatar
active
disabled
SH2
SettingsTabItem
default / active(aria-current=page) / disabled(+disabledReason tooltip)
O10 child
NotificationItem
type: info/mention/follow/system · unread = 좌측 2px accent border + tint
@moondust 님이 멘션했습니다
도시의 마법사에 새 멘션이 도착
@stellar 님이 팔로우
별빛 우주선 크리에이터가 팔로우
시스템 공지
긴급 점검 안내 - 23:00~02:00