NotificationDot
Reusable notification dot component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<NotificationDot
label="Notification"
variant="default"
/>Legacy mount name: data-component="NotificationDot".
Props and attributes
| Prop | Type | Requirement | Default |
|---|---|---|---|
label | string | Optional | "Notification" |
variant | string | Optional | "default" |
class | string | Optional | "" |
Slots
default
Events
This component does not declare a custom event.
Source contract
Installed source: components/NotificationDot.wrn
component NotificationDot {
props {
label = "Notification"
variant = "default"
class = ""
}
view {
<span class="wire-badge wire-badge--{variant} wire-catalog-badge wire-catalog-badge--notificationdot {class}">{label}<slot />
</span>
}
}