Component API
<reveal-button>
Button that reveals hidden slotted content when clicked.
Install
import "@f-ewald/components/reveal-button.js";Usage
<reveal-button label="Show the secret">
Surprise! This content was hidden.
</reveal-button>Attributes / properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
label | label | string | "Reveal hidden content" | Label shown on the button before it's clicked. |
disabled | disabled | boolean | false | Disables revealing the slotted content. |
Events
None.
Slots
| Slot | Description |
|---|---|
(default) | Content to reveal when clicked. |
CSS custom properties
| Custom property |
|---|
--ui-focus-ring |
--ui-font |
--ui-font-size-sm |
--ui-font-weight-medium |
--ui-line-height-tight |
--ui-on-accent |
--ui-primary |
--ui-primary-hover |
--ui-radius-sm |