nve-badge
En liten etikett som vanligvis vises inne i eller i nærheten av en annen større grensesnittkomponent, som representerer en status, egenskap eller andre metadata.
Arvet fra: LitElement
html
<nve-badge>badge</nve-badge>Eksempler
Varianter
Bruk variant for å velge farge. Primary er standard.
html
<nve-badge>primary</nve-badge>
<nve-badge variant="neutral">neutral</nve-badge>
<nve-badge variant="success">success</nve-badge>
<nve-badge variant="warning">warning</nve-badge>
<nve-badge variant="danger">danger</nve-badge>
<nve-badge variant="brand">brand</nve-badge>Størrelse
Bruk size for å velge størrelse. medium er standard.
html
<nve-badge size="small">small</nve-badge>
<nve-badge>medium</nve-badge>
<nve-badge size="large ">large</nve-badge>Low
Bruk low for lysere bakgrunnsfarge. Teksten blir da svart for alle varianter.
html
<dl>
<dt>low</dt>
<dd>
<nve-badge low>primary</nve-badge>
<nve-badge low variant="neutral">neutral</nve-badge>
<nve-badge low variant="success">success</nve-badge>
<nve-badge low variant="warning">warning</nve-badge>
<nve-badge low variant="danger">danger</nve-badge>
<nve-badge low variant="brand">brand</nve-badge>
</dd>
<dt>vanlig</dt>
<dd>
<nve-badge>primary</nve-badge>
<nve-badge variant="neutral">neutral</nve-badge>
<nve-badge variant="success">success</nve-badge>
<nve-badge variant="warning">warning</nve-badge>
<nve-badge variant="danger">danger</nve-badge>
<nve-badge variant="brand">brand</nve-badge>
</dd>
</dl>Knapp med badge
Du kan vise badge på en knapp ved å legge badge inni <nve-button>.
html
<nve-button>
Knapp
<nve-badge>badge</nve-badge>
</nve-button>Egenskaper
| Navn | Attributt-synk | Type | Standardverdi | Arvet fra | Beskrivelse |
| variant | string | 'primary' | = primary, success, neutral, warning, danger, brand | ||
| size | string | 'medium' | = small, medium eller large | ||
| low | boolean | false | = gir lysere bakgrunnsfarge |
Metoder
| Navn | Parametre | Returtype | Arvet fra | Beskrivelse |
| render |