# Aksel designsystem - Dokumentasjon for LLMs ## Notes Each article is available as an individual .md file. Prefer fetching individual articles over the full collection when you only need specific documentation. ## Components Collection (Avoid using collection if possible): [All Components](https://aksel.nav.no/komponenter.md) ### Primitives - [Page](https://aksel.nav.no/komponenter/primitives/page.md) - [HGrid](https://aksel.nav.no/komponenter/primitives/hgrid.md) - [HStack](https://aksel.nav.no/komponenter/primitives/hstack.md) - [VStack](https://aksel.nav.no/komponenter/primitives/vstack.md) - [Box](https://aksel.nav.no/komponenter/primitives/box.md) - [Hide](https://aksel.nav.no/komponenter/primitives/hide.md) - [Show](https://aksel.nav.no/komponenter/primitives/show.md) - [Bleed](https://aksel.nav.no/komponenter/primitives/bleed.md) ### Komponenter - [Ikoner](https://aksel.nav.no/komponenter/ikoner.md) - [Accordion](https://aksel.nav.no/komponenter/core/accordion.md) - [ActionMenu](https://aksel.nav.no/komponenter/core/actionmenu.md) - [Button](https://aksel.nav.no/komponenter/core/button.md) - [Chat](https://aksel.nav.no/komponenter/core/chat.md) - [Checkbox](https://aksel.nav.no/komponenter/core/checkbox.md) - [Chips](https://aksel.nav.no/komponenter/core/chips.md) - [Combobox](https://aksel.nav.no/komponenter/core/combobox.md) - [CopyButton](https://aksel.nav.no/komponenter/core/copybutton.md) - [DatePicker](https://aksel.nav.no/komponenter/core/datepicker.md) - [Dialog](https://aksel.nav.no/komponenter/core/dialog.md) - [Dropdown](https://aksel.nav.no/komponenter/core/dropdown.md) - [ErrorSummary](https://aksel.nav.no/komponenter/core/errorsummary.md) - [ExpansionCard](https://aksel.nav.no/komponenter/core/expansioncard.md) - [Fieldset](https://aksel.nav.no/komponenter/core/fieldset.md) - [FileUpload](https://aksel.nav.no/komponenter/core/fileupload.md) - [FormProgress](https://aksel.nav.no/komponenter/core/formprogress.md) - [FormSummary](https://aksel.nav.no/komponenter/core/formsummary.md) - [GlobalAlert](https://aksel.nav.no/komponenter/core/globalalert.md) - [GuidePanel](https://aksel.nav.no/komponenter/core/guidepanel.md) - [HelpText](https://aksel.nav.no/komponenter/core/helptext.md) - [InfoCard](https://aksel.nav.no/komponenter/core/infocard.md) - [InlineMessage](https://aksel.nav.no/komponenter/core/inlinemessage.md) - [InternalHeader](https://aksel.nav.no/komponenter/core/i-header.md) - [Link](https://aksel.nav.no/komponenter/core/link.md) - [LinkCard](https://aksel.nav.no/komponenter/core/linkcard.md) - [List](https://aksel.nav.no/komponenter/core/list.md) - [Loader](https://aksel.nav.no/komponenter/core/loader.md) - [LocalAlert](https://aksel.nav.no/komponenter/core/localalert.md) - [Modal](https://aksel.nav.no/komponenter/core/modal.md) - [MonthPicker](https://aksel.nav.no/komponenter/core/monthpicker.md) - [Navpoleonskake](https://aksel.nav.no/komponenter/core/navpoleonskake.md) - [Pagination](https://aksel.nav.no/komponenter/core/pagination.md) - [Popover](https://aksel.nav.no/komponenter/core/popover.md) - [Process](https://aksel.nav.no/komponenter/core/process.md) - [ProgressBar](https://aksel.nav.no/komponenter/core/progressbar.md) - [Provider](https://aksel.nav.no/komponenter/core/provider.md) - [Radio](https://aksel.nav.no/komponenter/core/radio.md) - [ReadMore](https://aksel.nav.no/komponenter/core/read-more.md) - [Search](https://aksel.nav.no/komponenter/core/search.md) - [Select](https://aksel.nav.no/komponenter/core/select.md) - [Skeleton](https://aksel.nav.no/komponenter/core/skeleton.md) - [Stepper](https://aksel.nav.no/komponenter/core/stepper.md) - [Switch](https://aksel.nav.no/komponenter/core/switch.md) - [Table](https://aksel.nav.no/komponenter/core/table.md) - [Tabs](https://aksel.nav.no/komponenter/core/tabs.md) - [Tag](https://aksel.nav.no/komponenter/core/tag.md) - [Textarea](https://aksel.nav.no/komponenter/core/textarea.md) - [TextField](https://aksel.nav.no/komponenter/core/textfield.md) - [Timeline](https://aksel.nav.no/komponenter/core/timeline.md) - [ToggleGroup](https://aksel.nav.no/komponenter/core/toggle-group.md) - [Tooltip](https://aksel.nav.no/komponenter/core/tooltip.md) - [Typografi-komponenter](https://aksel.nav.no/komponenter/core/typography.md) - [Eksperimenter 🧑‍🔬](https://aksel.nav.no/komponenter/core/eksperimenter.md) ### Avviklet - [Alert](https://aksel.nav.no/komponenter/legacy/alert.md) - [ConfirmationPanel](https://aksel.nav.no/komponenter/legacy/confirmationpanel.md) - [LinkPanel](https://aksel.nav.no/komponenter/legacy/linkpanel.md) - [Panel](https://aksel.nav.no/komponenter/legacy/panel.md) ## Foundations Collection (Avoid using collection if possible): [All Foundations](https://aksel.nav.no/grunnleggende.md) ### Introduksjon - [Har du innspill til Aksel?](https://aksel.nav.no/grunnleggende/introduksjon/har-du-innspill-til-aksel.md) - [Hva er Aksel?](https://aksel.nav.no/grunnleggende/introduksjon/hvordan-bruke-aksel.md) - [Versjonering i Figma](https://aksel.nav.no/grunnleggende/introduksjon/versjonering-i-figma.md) - [Kom i gang med kodepakkene](https://aksel.nav.no/grunnleggende/introduksjon/kom-i-gang-med-kodepakkene.md) - [Kom i gang med Figma](https://aksel.nav.no/grunnleggende/introduksjon/kom-i-gang-med-figma.md) ### Brand - [Logo](https://aksel.nav.no/grunnleggende/brand/logo.md) ### Styling - [Design tokens](https://aksel.nav.no/grunnleggende/styling/design-tokens.md) - [Tailwind config for `@navikt/ds-tailwind`](https://aksel.nav.no/grunnleggende/styling/tailwind-config.md) - [Brekkpunkter](https://aksel.nav.no/grunnleggende/styling/brekkpunkter.md) - [Farger](https://aksel.nav.no/grunnleggende/styling/farger-tokens.md) - [Theming](https://aksel.nav.no/grunnleggende/styling/theming.md) - [Typografi](https://aksel.nav.no/grunnleggende/styling/typografi.md) ### Kode - [Codemods and migration scripts to run with `@navikt/aksel` CLI](https://aksel.nav.no/grunnleggende/kode/codemods-config.md) - [Next.js](https://aksel.nav.no/grunnleggende/kode/nextjs.md) - [Komponent-API](https://aksel.nav.no/grunnleggende/kode/komponent-api.md) - [CSS-import](https://aksel.nav.no/grunnleggende/kode/css-import.md) - [Kommandolinje](https://aksel.nav.no/grunnleggende/kode/kommandolinje.md) - [Stylelint](https://aksel.nav.no/grunnleggende/kode/stylelint.md) - [Tailwind](https://aksel.nav.no/grunnleggende/kode/tailwind.md) ### Migreringsguider - [Versjon 8](https://aksel.nav.no/grunnleggende/migreringsguider/versjon-8.md) - [Versjon 7 og tidligere](https://aksel.nav.no/grunnleggende/migreringsguider/versjon-7-og-tidligere.md) ## Templates and Patterns Collection (Avoid using collection if possible): [All Templates and Patterns](https://aksel.nav.no/monster-maler.md) ### Støtte - [404-side](https://aksel.nav.no/monster-maler/stotte/404-side.md) - [5XX-side](https://aksel.nav.no/monster-maler/stotte/5xx-side.md) - [Temabytte](https://aksel.nav.no/monster-maler/stotte/temabytte.md) ### Søknadsdialog - [Introside for søknadsdialoger](https://aksel.nav.no/monster-maler/soknadsdialog/introside-for-soknadsdialoger.md) - [Mønster for skjemavalidering](https://aksel.nav.no/monster-maler/soknadsdialog/monster-for-skjemavalidering.md) - [Oppsummeringsside for søknadsdialoger](https://aksel.nav.no/monster-maler/soknadsdialog/oppsummeringsside-for-soknadsdialoger.md)