Oversikt over komponenter
Vue-komponentbibliotek
Enkelte komponenter i designsystemet er for komplekse for rene webkomponenter. Disse er samlet i et eget Vue 3-bibliotek som bygger videre på nve-designsystemet. Les mer her.
nve-designsystem komponenter
Nedenfor finner du en oversikt over alle komponentene i NVE sitt designsystem – både de som er ferdige, under arbeid, og planlagt. Du kan se status for design og kode, samt knytte saker og pull requests til de ulike komponentene ved å bruke komponentnavnet som tag i GitHub.
| Komponent | Status design | Status kode | Feil / oppgaver / PR | |
|---|---|---|---|---|
| nve-accordion |  | |||
| nve-accordion-item | | |||
| nve-alert | | |||
| nve-attachment-upload | | |||
| nve-attachments | | |||
| nve-avatar | | |||
| nve-badge | | |||
| nve-breadcrumb | | |||
| nve-button | | |||
| nve-calendar | | |||
| nve-card | | |||
| nve-carousel | | |||
| nve-carousel-item | ||||
| nve-carousel-thumbnail | ||||
| nve-checkbox | | |||
| nve-checkbox-group | | |||
| nve-combobox | | |||
| nve-comment | | |||
| nve-darkmode-switch | | |||
| nve-dialog | ||||
| nve-divider | ||||
| nve-drawer | | |||
| nve-dropdown | | |||
| nve-icon | ||||
| nve-input | | |||
| nve-label | | |||
| nve-link-card | | |||
| nve-map | | |||
| nve-menu | | |||
| nve-menu-item | ||||
| nve-message-card | | |||
| nve-navbar | | |||
| nve-option | ||||
| nve-pagination | | |||
| nve-popup | ||||
| nve-progress-bar | | |||
| nve-progress-ring | | |||
| nve-radio | | |||
| nve-radio-button | | |||
| nve-radio-group | | |||
| nve-range-slider | | |||
| nve-relative-time | ||||
| nve-search | | |||
| nve-select | | |||
| nve-skeleton | | |||
| nve-spinner | ||||
| nve-stepper | | |||
| nve-switch | | |||
| nve-table | | |||
| nve-tabs | | |||
| nve-tag | | |||
| nve-textarea | | |||
| nve-textarea-with-formatting | | |||
| nve-tooltip | | |||
| nve-tree | | |||
| Antall komponenter | 34 | 39 | ||
| 2 | 3 | |||
| 15 | 5 | |||
| 0 | 4 | |||
| 1 | 0 | |||
| 55 | 51 | |||