AlertClose
Source: client/lib/theme/vueda-tailwind/feedback/index.js
The positioned dismiss affordance for closable alerts. It stays visually quiet until hover or keyboard focus, then uses the shared ring color through the focus-visible outline.
Vue component: AlertClose
| Slot | Default classes | Description |
|---|---|---|
| root | 3 classes | The positioned dismiss affordance for closable alerts. It stays visually quiet until hover or keyboard focus, then uses the shared ring color through the focus-visible outline. |
root
The positioned dismiss affordance for closable alerts. It stays visually quiet until hover or keyboard focus, then uses the shared ring color through the focus-visible outline.
Default classes:
text
absolute top-3 right-3
rounded-xs opacity-70 transition-opacity
hover:opacity-100 focus-visible:focus-ringSource: client/lib/theme/vueda-tailwind/feedback/AlertClose.theme.js:18