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.
Se DKFDS-Vue3 Demo (Stadig under udarbejdelse) - herunder også hvordan komponenter bruges.
Benyt også gerne demo project som reference: DKFDS-Vue3 Demo Github
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: '~dkfds/src/fonts/IBMPlexSans/';
$image-path: '~dkfds/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';
Se Roadmap
Se FAQ
Hvis du vil tilføje komponenter/pull request, se da Udviklingsguide