<lk-button>Knapp</lk-button>
Attributter
Merknader: må*, bør, husk, ekstra.
| Attributt | Verdi | Type | Beskrivelse |
|---|---|---|---|
| button-text | string | ||
| icon | boolean | ||
| guid | string | ||
| button-class | string | <button> sin class= |
|
| data-color | lk-green, lk-blue | string | |
| data-variant | primary, secondary, tertiary | string | Default farge er primary |
| data-size | sm, md, lg | string | |
| type | submit, reset, button | string | |
| loading | boolean | Viser loading ikon | |
| disabled | boolean |
Spalter
Spalter/slots brukes for dynamisk innhold/struktur inni komponenten. Ref. Stenciljs.com
| Slot= | Beskrivelse |
|---|---|
| loading | Alternativ innhold som vises hvis loading attributet er satt |
Eksempler
Denne komponenten er implementert som en webkomponent, og kan enkelt legges inn med en enkelt custom HTML-tag.
Vent litt
<lk-button loading>
Knapp
</lk-button>
<lk-button loading>
Knapp
<div slot="loading">Vent litt</div>
</lk-button><lk-button data-variant="primary">Knapp</lk-button>
<lk-button data-variant="secondary">Knapp</lk-button>
<lk-button data-variant="tertiary">Knapp</lk-button><lk-button>En enkel knapp</lk-button>