dkfds-vue3

DKFDS-Vue3 er et komponent bibliotek til Det Fælles Designsystem (DKFDS).

Med DKFDS-Vue3 kan du let benytte DKFDS i vue 3 og bygge responsive og ARIA tilgængelige web projekter, som Det Fælles Designsystem foreligger.

Med over 40 Standard komponenter og flere ekstra komponenter til at hjælpe dig med at udvikle selvbetjeningsløsninger hurtigt og effektivt.

Demo side

Se DKFDS-Vue3 Demo (Stadig under udarbejdelse) - herunder også hvordan komponenter bruges.

Benyt også gerne demo project som reference: DKFDS-Vue3 Demo Github

Installation

npm install -S dkfds-vue3

// main.ts
import { createApp } from 'vue';
import dkfdsvue3 from 'dkfds-vue3';
import dkfdsvue3Extra from 'dkfds-vue3/extra';
import App from './App.vue';
import router from './router';

...

createApp(App)
  .use(router)
  .use(dkfdsvue3 as any)
  .use(dkfdsvue3Extra as any)
  .mount('#app');

// app.ts
<template>
  ...
  <fds-icon-collection />
  <!-- Sørger for at ikoner bliver indlæst -->
</template>

<style lang="scss">
  $font-path: '~greenbow-design-system/src/fonts/Montserrat/';
  $image-path: '~greenbow-design-system/src/img';
  $site-image-path: '~dkfds/src/img';
  $icons-folder-path: '~dkfds/src/img/svg-icons';
  @import '../node_modules/dkfds/src/stylesheets/dkfds-virkdk';
  @import '../node_modules/dkfds-vue3/core/assets/main.scss';
</style>

eller se app.vue eksempel

For Borger DK tema brug følgende istedet for dkfds-virkdk

@import '../node_modules/dkfds/src/stylesheets/dkfds-borgerdk.scss';

Faser og Mangler

Se Roadmap

FAQ

Se FAQ

Udvikling

Hvis du vil tilføje komponenter/pull request, se da Udviklingsguide