noora/docs/components/dismissicon.md
Provides a compact, accessible dismiss button.
<noora-dismiss-icon></noora-dismiss-icon>
| Attribute | Type or allowed values | Default | Description |
|---|---|---|---|
size | small, large | "large" | Controls the icon dimensions. |
disabled | boolean | false | Disables the button. |
label | string | "Dismiss" | Sets the accessible label. |
| Event | Type | Description |
|---|---|---|
noora-dismiss | CustomEvent<Record<string, never>> | Emitted when the dismiss control is activated. |
| Part | Description |
|---|---|
button | The native button. |
Activation emits a noora-dismiss event.
Use the size that matches the surrounding surface.
<noora-dismiss-icon size="small"></noora-dismiss-icon>
<noora-dismiss-icon size="large"></noora-dismiss-icon>
Compare enabled and disabled controls.
<noora-dismiss-icon label="Dismiss notification"></noora-dismiss-icon>
<noora-dismiss-icon label="Dismiss notification" disabled></noora-dismiss-icon>
Listen for the noora-dismiss event when the control is activated.
<noora-dismiss-icon size="small" label="Remove item"></noora-dismiss-icon>
<noora-dismiss-icon size="large" label="Close panel"></noora-dismiss-icon>