docs: 📝 amélioration de la documentation

- Ajout de Pagination dans la doc vitepress
- Ajout de DsfrMultiSelect dans Storybook

Author: laruiss

.vitepress/config.ts

@@ -240,6 +240,10 @@ const composants = [
     text: 'DsfrNotice',
     link: '/composants/DsfrNotice.md',
   },
+  {
+    text: 'DsfrPagination',
+    link: '/composants/DsfrPagination.md',
+  },
   {
     text: 'DsfrPicture',
     link: '/composants/DsfrPicture.md',

src/components/DsfrAlert/DsfrAlert.stories.ts

@@ -11,6 +11,7 @@ const delay = (timeout = 100) =>
 export default {
   component: DsfrAlert,
   title: 'Composants/DsfrAlert',
+  tags: ['message'],
   argTypes: {
     id: {
       control: 'text',

src/components/DsfrBadge/DsfrBadge.stories.ts

@@ -6,6 +6,7 @@ import DsfrBadge from './DsfrBadge.vue'
 export default {
   component: DsfrBadge,
   title: 'Composants/DsfrBadge',
+  tags: ['chip'],
   argTypes: {
     label: {
       control: 'text',

src/components/DsfrBreadcrumb/DsfrBreadcrumb.md

@@ -1,4 +1,4 @@
-# Fil d’ariane - DsfrBreadcrumb
+# Fil d’ariane - `DsfrBreadcrumb`
 
 ## 🌟 Introduction
 

src/components/DsfrButton/DsfrButton.stories.ts

@@ -10,6 +10,7 @@ import DsfrButton from './DsfrButton.vue'
 export default {
   component: DsfrButton,
   title: 'Composants/DsfrButton',
+  tags: ['bouton'],
   argTypes: {
     label: {
       control: 'text',

src/components/DsfrButton/DsfrButtonGroup.md

@@ -1,4 +1,4 @@
-# Groupe de boutons - DsfrButtonGroup
+# Groupe de boutons - `DsfrButtonGroup`
 
 ## 🌟 Introduction
 

src/components/DsfrButton/DsfrButtonGroup.stories.ts

@@ -10,6 +10,7 @@ import DsfrButtonGroup from './DsfrButtonGroup.vue'
 export default {
   component: DsfrButtonGroup,
   title: 'Composants/DsfrButtonGroup',
+  tags: ['bouton'],
   argTypes: {
     buttons: {
       control: 'object',

src/components/DsfrCallout/DsfrCallout.stories.ts

@@ -14,6 +14,7 @@ const delay = (timeout = 100) =>
 const meta: Meta<typeof DsfrCallout> = {
   component: DsfrCallout,
   title: 'Composants/DsfrCallout',
+  tags: ['message'],
   argTypes: {
     title: {
       control: 'text',

src/components/DsfrCheckbox/DsfrCheckbox.stories.ts

@@ -8,6 +8,7 @@ import DsfrCheckbox from './DsfrCheckbox.vue'
 export default {
   component: DsfrCheckbox,
   title: 'Composants/DsfrCheckbox',
+  tags: ['formulaire'],
   argTypes: {
     id: {
       control: 'text',

src/components/DsfrCheckbox/DsfrCheckboxSet.stories.ts

@@ -8,6 +8,7 @@ import DsfrCheckboxSet from './DsfrCheckboxSet.vue'
 export default {
   component: DsfrCheckboxSet,
   title: 'Composants/DsfrCheckboxSet',
+  tags: ['formulaire'],
   argTypes: {
     disabled: {
       control: 'boolean',