allaw-ui 5.4.2 → 5.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/molecules/proSwitch/ProSwitchModal.js +0 -17
- package/package.json +12 -19
- package/dist/components/atoms/buttons/ActionButton.stories.d.ts +0 -110
- package/dist/components/atoms/buttons/ActionButton.stories.js +0 -171
- package/dist/components/atoms/buttons/ActionCircleButton.stories.d.ts +0 -35
- package/dist/components/atoms/buttons/ActionCircleButton.stories.js +0 -54
- package/dist/components/atoms/buttons/AgendaSlot.stories.d.ts +0 -41
- package/dist/components/atoms/buttons/AgendaSlot.stories.js +0 -77
- package/dist/components/atoms/buttons/FavoriteToggle.stories.d.ts +0 -23
- package/dist/components/atoms/buttons/FavoriteToggle.stories.js +0 -61
- package/dist/components/atoms/buttons/FilterButton.stories.d.ts +0 -36
- package/dist/components/atoms/buttons/FilterButton.stories.js +0 -56
- package/dist/components/atoms/buttons/FilterButtonPrimary.stories.d.ts +0 -7
- package/dist/components/atoms/buttons/FilterButtonPrimary.stories.js +0 -26
- package/dist/components/atoms/buttons/GhostButton.stories.d.ts +0 -79
- package/dist/components/atoms/buttons/GhostButton.stories.js +0 -95
- package/dist/components/atoms/buttons/IconButton.stories.d.ts +0 -51
- package/dist/components/atoms/buttons/IconButton.stories.js +0 -100
- package/dist/components/atoms/buttons/InboxButton.stories.d.ts +0 -68
- package/dist/components/atoms/buttons/InboxButton.stories.js +0 -143
- package/dist/components/atoms/buttons/OAuthProviderButton.stories.d.ts +0 -67
- package/dist/components/atoms/buttons/OAuthProviderButton.stories.js +0 -168
- package/dist/components/atoms/buttons/PendingDocuments.stories.d.ts +0 -52
- package/dist/components/atoms/buttons/PendingDocuments.stories.js +0 -67
- package/dist/components/atoms/buttons/PrimaryButton.stories.d.ts +0 -121
- package/dist/components/atoms/buttons/PrimaryButton.stories.js +0 -187
- package/dist/components/atoms/buttons/SecondaryButton.stories.d.ts +0 -97
- package/dist/components/atoms/buttons/SecondaryButton.stories.js +0 -177
- package/dist/components/atoms/buttons/TabNavigation.stories.d.ts +0 -81
- package/dist/components/atoms/buttons/TabNavigation.stories.js +0 -178
- package/dist/components/atoms/buttons/TertiaryButton.stories.d.ts +0 -70
- package/dist/components/atoms/buttons/TertiaryButton.stories.js +0 -128
- package/dist/components/atoms/checkboxes/Checkbox.stories.d.ts +0 -77
- package/dist/components/atoms/checkboxes/Checkbox.stories.js +0 -123
- package/dist/components/atoms/datepickers/Datepicker.stories.d.ts +0 -167
- package/dist/components/atoms/datepickers/Datepicker.stories.js +0 -113
- package/dist/components/atoms/featureCard/featureCard.stories.d.ts +0 -21
- package/dist/components/atoms/featureCard/featureCard.stories.js +0 -101
- package/dist/components/atoms/filter/Filter.stories.d.ts +0 -9
- package/dist/components/atoms/filter/Filter.stories.js +0 -77
- package/dist/components/atoms/filters/SingleFilter.stories.d.ts +0 -10
- package/dist/components/atoms/filters/SingleFilter.stories.js +0 -84
- package/dist/components/atoms/inputs/Input.stories.d.ts +0 -85
- package/dist/components/atoms/inputs/Input.stories.js +0 -169
- package/dist/components/atoms/inputs/SearchBar.stories.d.ts +0 -142
- package/dist/components/atoms/inputs/SearchBar.stories.js +0 -197
- package/dist/components/atoms/inputs/TextArea.stories.d.ts +0 -95
- package/dist/components/atoms/inputs/TextArea.stories.js +0 -141
- package/dist/components/atoms/inputs/VerificationCodeInput.stories.d.ts +0 -81
- package/dist/components/atoms/inputs/VerificationCodeInput.stories.js +0 -89
- package/dist/components/atoms/progressBars/ProgressBar.stories.d.ts +0 -83
- package/dist/components/atoms/progressBars/ProgressBar.stories.js +0 -88
- package/dist/components/atoms/radios/RadioButton.stories.d.ts +0 -38
- package/dist/components/atoms/radios/RadioButton.stories.js +0 -87
- package/dist/components/atoms/radios/SelectCard.stories.d.ts +0 -92
- package/dist/components/atoms/radios/SelectCard.stories.js +0 -192
- package/dist/components/atoms/selects/ComboBox.stories.d.ts +0 -116
- package/dist/components/atoms/selects/ComboBox.stories.js +0 -136
- package/dist/components/atoms/selects/Select.stories.d.ts +0 -133
- package/dist/components/atoms/selects/Select.stories.js +0 -299
- package/dist/components/atoms/selects/SelectableListItem.stories.d.ts +0 -33
- package/dist/components/atoms/selects/SelectableListItem.stories.js +0 -53
- package/dist/components/atoms/tags/AppointementStatusTag.stories.d.ts +0 -17
- package/dist/components/atoms/tags/AppointementStatusTag.stories.js +0 -70
- package/dist/components/atoms/tags/FolderStatusTag.stories.d.ts +0 -28
- package/dist/components/atoms/tags/FolderStatusTag.stories.js +0 -51
- package/dist/components/atoms/tags/InlineTag.stories.d.ts +0 -109
- package/dist/components/atoms/tags/InlineTag.stories.js +0 -159
- package/dist/components/atoms/tags/OtherStatusTag.stories.d.ts +0 -99
- package/dist/components/atoms/tags/OtherStatusTag.stories.js +0 -160
- package/dist/components/atoms/typography/CardDate.stories.d.ts +0 -119
- package/dist/components/atoms/typography/CardDate.stories.js +0 -103
- package/dist/components/atoms/typography/Heading.stories.d.ts +0 -79
- package/dist/components/atoms/typography/Heading.stories.js +0 -150
- package/dist/components/atoms/typography/Link.stories.d.ts +0 -72
- package/dist/components/atoms/typography/Link.stories.js +0 -164
- package/dist/components/atoms/typography/Paragraph.stories.d.ts +0 -56
- package/dist/components/atoms/typography/Paragraph.stories.js +0 -97
- package/dist/components/atoms/typography/SmallTitle.stories.d.ts +0 -42
- package/dist/components/atoms/typography/SmallTitle.stories.js +0 -72
- package/dist/components/atoms/typography/Subtitle.stories.d.ts +0 -40
- package/dist/components/atoms/typography/Subtitle.stories.js +0 -60
- package/dist/components/atoms/typography/TinyInfo.stories.d.ts +0 -58
- package/dist/components/atoms/typography/TinyInfo.stories.js +0 -117
- package/dist/components/atoms/uiVariables/AnimatedBorder.stories.d.ts +0 -17
- package/dist/components/atoms/uiVariables/AnimatedBorder.stories.js +0 -20
- package/dist/components/atoms/uiVariables/BorderRadius.stories.d.ts +0 -18
- package/dist/components/atoms/uiVariables/BorderRadius.stories.js +0 -34
- package/dist/components/atoms/uiVariables/Shadows.stories.d.ts +0 -18
- package/dist/components/atoms/uiVariables/Shadows.stories.js +0 -34
- package/dist/components/atoms/uiVariables/Strokes.stories.d.ts +0 -18
- package/dist/components/atoms/uiVariables/Strokes.stories.js +0 -34
- package/dist/components/molecules/AiText/aiText.stories.d.ts +0 -43
- package/dist/components/molecules/AiText/aiText.stories.js +0 -216
- package/dist/components/molecules/DataStepper/Stepper.stories.d.ts +0 -8
- package/dist/components/molecules/DataStepper/Stepper.stories.js +0 -248
- package/dist/components/molecules/appointmentCard/AppointmentCard.stories.d.ts +0 -37
- package/dist/components/molecules/appointmentCard/AppointmentCard.stories.js +0 -106
- package/dist/components/molecules/appointmentSlot/AppointmentSlot.stories.d.ts +0 -95
- package/dist/components/molecules/appointmentSlot/AppointmentSlot.stories.js +0 -204
- package/dist/components/molecules/banner/Banner.stories.d.ts +0 -31
- package/dist/components/molecules/banner/Banner.stories.js +0 -123
- package/dist/components/molecules/billingCount/BillingCount.stories.d.ts +0 -22
- package/dist/components/molecules/billingCount/BillingCount.stories.js +0 -49
- package/dist/components/molecules/blogCard/BlogCard.stories.d.ts +0 -10
- package/dist/components/molecules/blogCard/BlogCard.stories.js +0 -33
- package/dist/components/molecules/blogFooter/BlogFooter.stories.d.ts +0 -60
- package/dist/components/molecules/blogFooter/BlogFooter.stories.js +0 -67
- package/dist/components/molecules/blogHeader/BlogHeader.stories.d.ts +0 -49
- package/dist/components/molecules/blogHeader/BlogHeader.stories.js +0 -63
- package/dist/components/molecules/blogText/BlogText.stories.d.ts +0 -31
- package/dist/components/molecules/blogText/BlogText.stories.js +0 -51
- package/dist/components/molecules/blogTextImageBlock/BlogTextImageBlock.stories.d.ts +0 -37
- package/dist/components/molecules/blogTextImageBlock/BlogTextImageBlock.stories.js +0 -58
- package/dist/components/molecules/brands/Brands.stories.d.ts +0 -8
- package/dist/components/molecules/brands/Brands.stories.js +0 -66
- package/dist/components/molecules/breadcrumb/Breadcrumb.stories.d.ts +0 -24
- package/dist/components/molecules/breadcrumb/Breadcrumb.stories.js +0 -54
- package/dist/components/molecules/caseCard/CaseCard.stories.d.ts +0 -114
- package/dist/components/molecules/caseCard/CaseCard.stories.js +0 -200
- package/dist/components/molecules/caseCardCompact/CaseCardCompact.stories.d.ts +0 -11
- package/dist/components/molecules/caseCardCompact/CaseCardCompact.stories.js +0 -59
- package/dist/components/molecules/caseLinkCard/CaseCardLink.stories.d.ts +0 -9
- package/dist/components/molecules/caseLinkCard/CaseCardLink.stories.js +0 -37
- package/dist/components/molecules/checkboxForm/CheckboxForm.stories.d.ts +0 -94
- package/dist/components/molecules/checkboxForm/CheckboxForm.stories.js +0 -157
- package/dist/components/molecules/checkboxForm/ColoredCheckbox.stories.d.ts +0 -108
- package/dist/components/molecules/checkboxForm/ColoredCheckbox.stories.js +0 -141
- package/dist/components/molecules/clientLinkCard/ClientLinkCard.stories.d.ts +0 -11
- package/dist/components/molecules/clientLinkCard/ClientLinkCard.stories.js +0 -59
- package/dist/components/molecules/contactCard/ContactCard.stories.d.ts +0 -69
- package/dist/components/molecules/contactCard/ContactCard.stories.js +0 -84
- package/dist/components/molecules/contactCard/ContactCardEdit.stories.d.ts +0 -88
- package/dist/components/molecules/contactCard/ContactCardEdit.stories.js +0 -106
- package/dist/components/molecules/contactCard/DetailedContactCard.stories.d.ts +0 -94
- package/dist/components/molecules/contactCard/DetailedContactCard.stories.js +0 -83
- package/dist/components/molecules/datepickerForm/DatepickerForm.stories.d.ts +0 -291
- package/dist/components/molecules/datepickerForm/DatepickerForm.stories.js +0 -185
- package/dist/components/molecules/documentCard/DocumentCard.stories.d.ts +0 -72
- package/dist/components/molecules/documentCard/DocumentCard.stories.js +0 -108
- package/dist/components/molecules/employeeCard/EmployeeCard.stories.d.ts +0 -74
- package/dist/components/molecules/employeeCard/EmployeeCard.stories.js +0 -65
- package/dist/components/molecules/emptyMessage/EmptyMessage.stories.d.ts +0 -75
- package/dist/components/molecules/emptyMessage/EmptyMessage.stories.js +0 -115
- package/dist/components/molecules/entityAdminCard/entityAdminCard.stories.d.ts +0 -10
- package/dist/components/molecules/entityAdminCard/entityAdminCard.stories.js +0 -50
- package/dist/components/molecules/entityCard/EntityCard.stories.d.ts +0 -22
- package/dist/components/molecules/entityCard/EntityCard.stories.js +0 -63
- package/dist/components/molecules/featureGrid/FeatureGrid.stories.d.ts +0 -7
- package/dist/components/molecules/featureGrid/FeatureGrid.stories.js +0 -97
- package/dist/components/molecules/fileCard/FileCard.stories.d.ts +0 -42
- package/dist/components/molecules/fileCard/FileCard.stories.js +0 -185
- package/dist/components/molecules/fileUploader/FileUploader.stories.d.ts +0 -120
- package/dist/components/molecules/fileUploader/FileUploader.stories.js +0 -269
- package/dist/components/molecules/flexContent/FlexContent.stories.d.ts +0 -9
- package/dist/components/molecules/flexContent/FlexContent.stories.js +0 -47
- package/dist/components/molecules/frameCTA/FrameCTA.stories.d.ts +0 -8
- package/dist/components/molecules/frameCTA/FrameCTA.stories.js +0 -58
- package/dist/components/molecules/heroSection/HeroSection.stories.d.ts +0 -46
- package/dist/components/molecules/heroSection/HeroSection.stories.js +0 -100
- package/dist/components/molecules/loadingBox/LoadingBox.stories.d.ts +0 -54
- package/dist/components/molecules/loadingBox/LoadingBox.stories.js +0 -128
- package/dist/components/molecules/modal/Modal.stories.d.ts +0 -128
- package/dist/components/molecules/modal/Modal.stories.js +0 -373
- package/dist/components/molecules/notification/Notification.stories.d.ts +0 -377
- package/dist/components/molecules/notification/Notification.stories.js +0 -205
- package/dist/components/molecules/pagination/Pagination.stories.d.ts +0 -44
- package/dist/components/molecules/pagination/Pagination.stories.js +0 -59
- package/dist/components/molecules/proCard/ProCard.stories.d.ts +0 -49
- package/dist/components/molecules/proCard/ProCard.stories.js +0 -69
- package/dist/components/molecules/proSwitch/AvatarBubble.stories.d.ts +0 -112
- package/dist/components/molecules/proSwitch/AvatarBubble.stories.js +0 -255
- package/dist/components/molecules/proSwitch/AvatarToggleGroup.stories.d.ts +0 -88
- package/dist/components/molecules/proSwitch/AvatarToggleGroup.stories.js +0 -328
- package/dist/components/molecules/proSwitch/ProSwitch.stories.d.ts +0 -9
- package/dist/components/molecules/proSwitch/ProSwitch.stories.js +0 -152
- package/dist/components/molecules/proSwitch/ProSwitchModal.stories.d.ts +0 -62
- package/dist/components/molecules/proSwitch/ProSwitchModal.stories.js +0 -269
- package/dist/components/molecules/questionAnswer/QuestionAnswer.stories.d.ts +0 -17
- package/dist/components/molecules/questionAnswer/QuestionAnswer.stories.js +0 -48
- package/dist/components/molecules/radioForm/RadioForm.stories.d.ts +0 -37
- package/dist/components/molecules/radioForm/RadioForm.stories.js +0 -75
- package/dist/components/molecules/rangeSlider/RangeSlider.stories.d.ts +0 -96
- package/dist/components/molecules/rangeSlider/RangeSlider.stories.js +0 -162
- package/dist/components/molecules/section/Section.stories.d.ts +0 -42
- package/dist/components/molecules/section/Section.stories.js +0 -162
- package/dist/components/molecules/segmentedControl/segmentedControl.stories.d.ts +0 -70
- package/dist/components/molecules/segmentedControl/segmentedControl.stories.js +0 -185
- package/dist/components/molecules/selectForm/SelectForm.stories.d.ts +0 -79
- package/dist/components/molecules/selectForm/SelectForm.stories.js +0 -113
- package/dist/components/molecules/stepper/Stepper.stories.d.ts +0 -62
- package/dist/components/molecules/stepper/Stepper.stories.js +0 -215
- package/dist/stories/Header.d.ts +0 -13
- package/dist/stories/Header.js +0 -20
- package/dist/stories/Header.stories.d.ts +0 -18
- package/dist/stories/Header.stories.js +0 -26
- package/dist/stories/Page.d.ts +0 -3
- package/dist/stories/Page.js +0 -37
- package/dist/stories/Page.stories.d.ts +0 -12
- package/dist/stories/Page.stories.js +0 -76
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
declare namespace _default {
|
|
2
|
-
export let title: string;
|
|
3
|
-
export { BlogFooter as component };
|
|
4
|
-
export let tags: string[];
|
|
5
|
-
export namespace argTypes {
|
|
6
|
-
export namespace job {
|
|
7
|
-
let control: string;
|
|
8
|
-
let description: string;
|
|
9
|
-
}
|
|
10
|
-
export namespace firstName {
|
|
11
|
-
let control_1: string;
|
|
12
|
-
export { control_1 as control };
|
|
13
|
-
let description_1: string;
|
|
14
|
-
export { description_1 as description };
|
|
15
|
-
}
|
|
16
|
-
export namespace lastName {
|
|
17
|
-
let control_2: string;
|
|
18
|
-
export { control_2 as control };
|
|
19
|
-
let description_2: string;
|
|
20
|
-
export { description_2 as description };
|
|
21
|
-
}
|
|
22
|
-
export namespace address {
|
|
23
|
-
let control_3: string;
|
|
24
|
-
export { control_3 as control };
|
|
25
|
-
let description_3: string;
|
|
26
|
-
export { description_3 as description };
|
|
27
|
-
}
|
|
28
|
-
export namespace profileUrl {
|
|
29
|
-
let control_4: string;
|
|
30
|
-
export { control_4 as control };
|
|
31
|
-
let description_4: string;
|
|
32
|
-
export { description_4 as description };
|
|
33
|
-
}
|
|
34
|
-
export namespace imageUrl {
|
|
35
|
-
let control_5: string;
|
|
36
|
-
export { control_5 as control };
|
|
37
|
-
let description_5: string;
|
|
38
|
-
export { description_5 as description };
|
|
39
|
-
}
|
|
40
|
-
export namespace description_6 {
|
|
41
|
-
let control_6: string;
|
|
42
|
-
export { control_6 as control };
|
|
43
|
-
let description_7: string;
|
|
44
|
-
export { description_7 as description };
|
|
45
|
-
}
|
|
46
|
-
export { description_6 as description };
|
|
47
|
-
}
|
|
48
|
-
export namespace parameters {
|
|
49
|
-
namespace docs {
|
|
50
|
-
export namespace description_8 {
|
|
51
|
-
let component: string;
|
|
52
|
-
}
|
|
53
|
-
export { description_8 as description };
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
export default _default;
|
|
58
|
-
export const Default: any;
|
|
59
|
-
export const WithLongDescription: any;
|
|
60
|
-
import BlogFooter from "./BlogFooter";
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import React from "react";
|
|
13
|
-
import BlogFooter, { BlogFooterProps } from "./BlogFooter";
|
|
14
|
-
export default {
|
|
15
|
-
title: "Components/molecules/Blog/BlogFooter",
|
|
16
|
-
component: BlogFooter,
|
|
17
|
-
tags: ["autodocs"],
|
|
18
|
-
argTypes: {
|
|
19
|
-
job: { control: "text", description: "Le métier de la personne." },
|
|
20
|
-
firstName: { control: "text", description: "Le prénom de la personne." },
|
|
21
|
-
lastName: {
|
|
22
|
-
control: "text",
|
|
23
|
-
description: "Le nom de famille de la personne.",
|
|
24
|
-
},
|
|
25
|
-
address: { control: "text", description: "L'adresse de la personne." },
|
|
26
|
-
profileUrl: {
|
|
27
|
-
control: "text",
|
|
28
|
-
description: "L'URL du profil ou de l'image de la personne.",
|
|
29
|
-
},
|
|
30
|
-
imageUrl: {
|
|
31
|
-
control: "text",
|
|
32
|
-
description: "L'URL de l'image de la carte ou de la personne.",
|
|
33
|
-
},
|
|
34
|
-
description: {
|
|
35
|
-
control: "text",
|
|
36
|
-
description: "Une description ou un titre lié au blog.",
|
|
37
|
-
},
|
|
38
|
-
},
|
|
39
|
-
parameters: {
|
|
40
|
-
docs: {
|
|
41
|
-
description: {
|
|
42
|
-
component: "Le composant `BlogFooter` affiche une section de pied de page avec des informations sur une personne, incluant un métier, un nom, une adresse, une description et une image.",
|
|
43
|
-
},
|
|
44
|
-
},
|
|
45
|
-
},
|
|
46
|
-
};
|
|
47
|
-
var Template = function (args) { return React.createElement(BlogFooter, __assign({}, args)); };
|
|
48
|
-
export var Default = Template.bind({});
|
|
49
|
-
Default.args = {
|
|
50
|
-
job: "Avocat",
|
|
51
|
-
firstName: "Jean",
|
|
52
|
-
lastName: "Dupont",
|
|
53
|
-
address: "123 Rue de la Loi, Paris",
|
|
54
|
-
profileUrl: "https://via.placeholder.com/150",
|
|
55
|
-
description: "À propos de l'auteur",
|
|
56
|
-
imageUrl: "https://plus.unsplash.com/premium_photo-1698084059560-9a53de7b816b?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8YXZvY2F0fGVufDB8fDB8fHww",
|
|
57
|
-
};
|
|
58
|
-
export var WithLongDescription = Template.bind({});
|
|
59
|
-
WithLongDescription.args = {
|
|
60
|
-
job: "Notaire",
|
|
61
|
-
firstName: "Marie",
|
|
62
|
-
lastName: "Durand",
|
|
63
|
-
address: "45 Boulevard Haussmann, Paris",
|
|
64
|
-
profileUrl: "https://via.placeholder.com/150",
|
|
65
|
-
description: "Marie Durand est une notaire expérimentée avec plus de 15 ans d'expérience dans le domaine juridique. Elle est spécialisée dans les contrats immobiliers et la gestion des patrimoines complexes.",
|
|
66
|
-
imageUrl: "https://images.unsplash.com/photo-1587986077033-5fccb5819f5b?w=400&q=80",
|
|
67
|
-
};
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
declare namespace _default {
|
|
2
|
-
export let title: string;
|
|
3
|
-
export { BlogHeader as component };
|
|
4
|
-
export namespace argTypes {
|
|
5
|
-
export namespace title_1 {
|
|
6
|
-
let control: string;
|
|
7
|
-
let description: string;
|
|
8
|
-
}
|
|
9
|
-
export { title_1 as title };
|
|
10
|
-
export namespace author {
|
|
11
|
-
let control_1: string;
|
|
12
|
-
export { control_1 as control };
|
|
13
|
-
let description_1: string;
|
|
14
|
-
export { description_1 as description };
|
|
15
|
-
}
|
|
16
|
-
export namespace date {
|
|
17
|
-
let control_2: string;
|
|
18
|
-
export { control_2 as control };
|
|
19
|
-
let description_2: string;
|
|
20
|
-
export { description_2 as description };
|
|
21
|
-
}
|
|
22
|
-
export namespace timeToRead {
|
|
23
|
-
let control_3: string;
|
|
24
|
-
export { control_3 as control };
|
|
25
|
-
let description_3: string;
|
|
26
|
-
export { description_3 as description };
|
|
27
|
-
}
|
|
28
|
-
export namespace profession {
|
|
29
|
-
export namespace control_4 {
|
|
30
|
-
let type: string;
|
|
31
|
-
}
|
|
32
|
-
export { control_4 as control };
|
|
33
|
-
export let options: string[];
|
|
34
|
-
let description_4: string;
|
|
35
|
-
export { description_4 as description };
|
|
36
|
-
}
|
|
37
|
-
export namespace imageBlog {
|
|
38
|
-
let control_5: string;
|
|
39
|
-
export { control_5 as control };
|
|
40
|
-
let description_5: string;
|
|
41
|
-
export { description_5 as description };
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
export default _default;
|
|
46
|
-
export const Default: any;
|
|
47
|
-
export const NotaryExample: any;
|
|
48
|
-
export const JudicialOfficerExample: any;
|
|
49
|
-
import BlogHeader from "./BlogHeader";
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import React from "react";
|
|
13
|
-
import BlogHeader, { BlogHeaderProps } from "./BlogHeader";
|
|
14
|
-
export default {
|
|
15
|
-
title: "Components/molecules/Blog/BlogHeader",
|
|
16
|
-
component: BlogHeader,
|
|
17
|
-
argTypes: {
|
|
18
|
-
title: { control: "text", description: "The title of the blog post" },
|
|
19
|
-
author: { control: "text", description: "The author of the blog post" },
|
|
20
|
-
date: {
|
|
21
|
-
control: "date",
|
|
22
|
-
description: "The publication date of the blog post",
|
|
23
|
-
},
|
|
24
|
-
timeToRead: {
|
|
25
|
-
control: "number",
|
|
26
|
-
description: "The estimated time to read the blog post",
|
|
27
|
-
},
|
|
28
|
-
profession: {
|
|
29
|
-
control: { type: "select" },
|
|
30
|
-
options: ["Avocat", "Notaire", "Commissaire de justice"],
|
|
31
|
-
description: "The profession associated with the author",
|
|
32
|
-
},
|
|
33
|
-
imageBlog: { control: "text", description: "The image for the blog post" },
|
|
34
|
-
},
|
|
35
|
-
};
|
|
36
|
-
var Template = function (args) { return React.createElement(BlogHeader, __assign({}, args)); };
|
|
37
|
-
export var Default = Template.bind({});
|
|
38
|
-
Default.args = {
|
|
39
|
-
title: "Understanding Legal Procedures",
|
|
40
|
-
author: "John Doe",
|
|
41
|
-
date: new Date("2023-10-21"),
|
|
42
|
-
timeToRead: 5,
|
|
43
|
-
profession: "Avocat",
|
|
44
|
-
imageBlog: "https://plus.unsplash.com/premium_photo-1661329930662-19a43503782f?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8YXZvY2F0fGVufDB8fDB8fHww",
|
|
45
|
-
};
|
|
46
|
-
export var NotaryExample = Template.bind({});
|
|
47
|
-
NotaryExample.args = {
|
|
48
|
-
title: "The Role of a Notary in Legal Contracts",
|
|
49
|
-
author: "Jane Smith",
|
|
50
|
-
date: new Date("2023-08-15"),
|
|
51
|
-
timeToRead: 7,
|
|
52
|
-
profession: "Notaire",
|
|
53
|
-
imageBlog: "https://via.placeholder.com/1000x449",
|
|
54
|
-
};
|
|
55
|
-
export var JudicialOfficerExample = Template.bind({});
|
|
56
|
-
JudicialOfficerExample.args = {
|
|
57
|
-
title: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui quod consequuntur perferendis accusamus distinctio error rem nostrum odio dolorem laudantium libero dicta saepe magnam ipsum impedit eos, numquam ducimus? Nisi",
|
|
58
|
-
author: "Alice Cooper",
|
|
59
|
-
date: new Date("2023-09-10"),
|
|
60
|
-
timeToRead: 9,
|
|
61
|
-
profession: "Commissaire de justice",
|
|
62
|
-
imageBlog: "https://via.placeholder.com/1000x449",
|
|
63
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
declare namespace _default {
|
|
2
|
-
export let title: string;
|
|
3
|
-
export { BlogText as component };
|
|
4
|
-
export let tags: string[];
|
|
5
|
-
export namespace argTypes {
|
|
6
|
-
export namespace title_1 {
|
|
7
|
-
let control: string;
|
|
8
|
-
let description: string;
|
|
9
|
-
}
|
|
10
|
-
export { title_1 as title };
|
|
11
|
-
export namespace article {
|
|
12
|
-
let control_1: string;
|
|
13
|
-
export { control_1 as control };
|
|
14
|
-
let description_1: string;
|
|
15
|
-
export { description_1 as description };
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
export namespace parameters {
|
|
19
|
-
namespace docs {
|
|
20
|
-
export namespace description_2 {
|
|
21
|
-
let component: string;
|
|
22
|
-
}
|
|
23
|
-
export { description_2 as description };
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
export default _default;
|
|
28
|
-
export const ShortTitleAndContent: any;
|
|
29
|
-
export const LongTitleAndContent: any;
|
|
30
|
-
export const ArticleWithLineBreaks: any;
|
|
31
|
-
import BlogText from "../blogText/BlogText";
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import React from "react";
|
|
13
|
-
import BlogText from "../blogText/BlogText";
|
|
14
|
-
export default {
|
|
15
|
-
title: "Components/molecules/Blog/BlogText",
|
|
16
|
-
component: BlogText,
|
|
17
|
-
tags: ["autodocs"],
|
|
18
|
-
argTypes: {
|
|
19
|
-
title: {
|
|
20
|
-
control: "text",
|
|
21
|
-
description: "Le titre principal du bloc de texte du blog.",
|
|
22
|
-
},
|
|
23
|
-
article: {
|
|
24
|
-
control: "text",
|
|
25
|
-
description: "Le contenu textuel de l'article ou de la description du blog.",
|
|
26
|
-
},
|
|
27
|
-
},
|
|
28
|
-
parameters: {
|
|
29
|
-
docs: {
|
|
30
|
-
description: {
|
|
31
|
-
component: "Le composant `BlogText` est conçu pour afficher un titre et un long article ou contenu dans un format structuré, idéal pour les sections de texte des blogs.",
|
|
32
|
-
},
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
};
|
|
36
|
-
var Template = function (args) { return React.createElement(BlogText, __assign({}, args)); };
|
|
37
|
-
export var ShortTitleAndContent = Template.bind({});
|
|
38
|
-
ShortTitleAndContent.args = {
|
|
39
|
-
title: "Introduction",
|
|
40
|
-
article: "Ceci est un article court qui résume l'idée principale de la section.",
|
|
41
|
-
};
|
|
42
|
-
export var LongTitleAndContent = Template.bind({});
|
|
43
|
-
LongTitleAndContent.args = {
|
|
44
|
-
title: "Pourquoi adopter une architecture modulaire dans vos projets ?",
|
|
45
|
-
article: "L'adoption d'une architecture modulaire offre plusieurs avantages clés pour les projets de développement.\n\nEn premier lieu, elle améliore la maintenabilité du code en permettant aux développeurs de travailler sur des modules indépendants.\n\nEnsuite, elle facilite le déploiement incrémental et la collaboration d'équipe, réduisant ainsi les conflits lors du développement.\n\nEnfin, elle permet une meilleure scalabilité en isolant les fonctionnalités, ce qui rend les mises à jour plus fluides et réduit les risques d'introduire des bugs dans l'ensemble de l'application.",
|
|
46
|
-
};
|
|
47
|
-
export var ArticleWithLineBreaks = Template.bind({});
|
|
48
|
-
ArticleWithLineBreaks.args = {
|
|
49
|
-
title: "Article avec retours à la ligne",
|
|
50
|
-
article: "L'adoption d'une architecture modulaire offre plusieurs avantages :\n\n- Maintenabilit\u00E9 du code : possibilit\u00E9 de travailler sur des modules ind\u00E9pendants.\n- D\u00E9ploiement incr\u00E9mental : am\u00E9lioration de la collaboration.\n- Scalabilit\u00E9 : isolation des fonctionnalit\u00E9s pour r\u00E9duire les risques de bugs.\n\nCeci est un test avec des retours \u00E0 la ligne pour valider l'affichage.",
|
|
51
|
-
};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
declare namespace _default {
|
|
2
|
-
export let title: string;
|
|
3
|
-
export { BlogTextImageBlock as component };
|
|
4
|
-
export let tags: string[];
|
|
5
|
-
export namespace argTypes {
|
|
6
|
-
export namespace title_1 {
|
|
7
|
-
let control: string;
|
|
8
|
-
let description: string;
|
|
9
|
-
}
|
|
10
|
-
export { title_1 as title };
|
|
11
|
-
export namespace article {
|
|
12
|
-
let control_1: string;
|
|
13
|
-
export { control_1 as control };
|
|
14
|
-
let description_1: string;
|
|
15
|
-
export { description_1 as description };
|
|
16
|
-
}
|
|
17
|
-
export namespace imageUrl {
|
|
18
|
-
let control_2: string;
|
|
19
|
-
export { control_2 as control };
|
|
20
|
-
let description_2: string;
|
|
21
|
-
export { description_2 as description };
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
export namespace parameters {
|
|
25
|
-
namespace docs {
|
|
26
|
-
export namespace description_3 {
|
|
27
|
-
let component: string;
|
|
28
|
-
}
|
|
29
|
-
export { description_3 as description };
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
export default _default;
|
|
34
|
-
export const DefaultView: any;
|
|
35
|
-
export const LongArticleWithImage: any;
|
|
36
|
-
export const ArticleWithoutImage: any;
|
|
37
|
-
import BlogTextImageBlock from "./BlogTextImageBlock";
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import React from "react";
|
|
13
|
-
import BlogTextImageBlock from "./BlogTextImageBlock";
|
|
14
|
-
export default {
|
|
15
|
-
title: "Components/molecules/Blog/BlogTextImageBlock",
|
|
16
|
-
component: BlogTextImageBlock,
|
|
17
|
-
tags: ["autodocs"],
|
|
18
|
-
argTypes: {
|
|
19
|
-
title: {
|
|
20
|
-
control: "text",
|
|
21
|
-
description: "Le titre principal de l'article du bloc.",
|
|
22
|
-
},
|
|
23
|
-
article: {
|
|
24
|
-
control: "text",
|
|
25
|
-
description: "Le contenu textuel de l'article ou de la description.",
|
|
26
|
-
},
|
|
27
|
-
imageUrl: {
|
|
28
|
-
control: "text",
|
|
29
|
-
description: "L'URL de l'image à afficher dans le bloc.",
|
|
30
|
-
},
|
|
31
|
-
},
|
|
32
|
-
parameters: {
|
|
33
|
-
docs: {
|
|
34
|
-
description: {
|
|
35
|
-
component: "Le composant `BlogTextImageBlock` affiche un bloc structuré avec un titre, un paragraphe et une image associée. Il est idéal pour présenter des articles ou sections de blogs.",
|
|
36
|
-
},
|
|
37
|
-
},
|
|
38
|
-
},
|
|
39
|
-
};
|
|
40
|
-
var Template = function (args) { return React.createElement(BlogTextImageBlock, __assign({}, args)); };
|
|
41
|
-
export var DefaultView = Template.bind({});
|
|
42
|
-
DefaultView.args = {
|
|
43
|
-
title: "Titre d'exemple",
|
|
44
|
-
article: "Ceci est un exemple d'article court. Ce composant est conçu pour afficher un contenu structuré avec un titre, un paragraphe et une image.",
|
|
45
|
-
imageUrl: "https://images.unsplash.com/photo-1733324770222-a6c4a921b379?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
|
|
46
|
-
};
|
|
47
|
-
export var LongArticleWithImage = Template.bind({});
|
|
48
|
-
LongArticleWithImage.args = {
|
|
49
|
-
title: "Pourquoi une architecture modulaire est essentielle",
|
|
50
|
-
article: "L'architecture modulaire est une pratique clé pour la réussite des projets modernes.\n\nElle offre une meilleure maintenabilité en permettant aux développeurs de se concentrer sur des modules indépendants. De plus, elle améliore la collaboration grâce au déploiement incrémental et à une réduction des conflits.\n\nEnfin, elle garantit une meilleure scalabilité en isolant les fonctionnalités, ce qui simplifie les mises à jour et réduit les risques d'introduire des bugs dans l'ensemble de l'application.",
|
|
51
|
-
imageUrl: "https://images.unsplash.com/photo-1731955196267-e863d6f39794?q=80&w=1693&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
|
|
52
|
-
};
|
|
53
|
-
export var ArticleWithoutImage = Template.bind({});
|
|
54
|
-
ArticleWithoutImage.args = {
|
|
55
|
-
title: "Titre sans image",
|
|
56
|
-
article: "Ce test illustre l'affichage d'un article sans image associée. Le composant doit s'adapter en conséquence, en affichant uniquement le titre et le contenu textuel.",
|
|
57
|
-
imageUrl: "",
|
|
58
|
-
};
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import React from "react";
|
|
13
|
-
import { Meta, StoryFn } from "@storybook/react";
|
|
14
|
-
import Brands, { BrandsProps } from "./Brands";
|
|
15
|
-
export default {
|
|
16
|
-
title: "Components/Molecules/Brands",
|
|
17
|
-
component: Brands,
|
|
18
|
-
};
|
|
19
|
-
var Template = function (args) { return React.createElement(Brands, __assign({}, args)); };
|
|
20
|
-
export var Default = Template.bind({});
|
|
21
|
-
Default.args = {
|
|
22
|
-
images: [
|
|
23
|
-
{
|
|
24
|
-
src: "https://images.unsplash.com/photo-1504711434969-e33886168f5c?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8bWVkaWF8ZW58MHx8MHx8fDA%3D",
|
|
25
|
-
alt: "Logo Brand 1",
|
|
26
|
-
},
|
|
27
|
-
{
|
|
28
|
-
src: "https://plus.unsplash.com/premium_photo-1689701711439-e54f039f8d97?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8bWVkaWF8ZW58MHx8MHx8fDA%3D",
|
|
29
|
-
alt: "Logo Brand 2",
|
|
30
|
-
},
|
|
31
|
-
{
|
|
32
|
-
src: "https://images.unsplash.com/photo-1424223022789-26fd8f34bba2?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fG1lZGlhfGVufDB8fDB8fHww",
|
|
33
|
-
alt: "Logo Brand 3",
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
src: "https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjB8fG1lZGlhfGVufDB8fDB8fHww",
|
|
37
|
-
alt: "Logo Brand 4",
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
src: "https://images.unsplash.com/photo-1611162617213-7d7a39e9b1d7?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTl8fG1lZGlhfGVufDB8fDB8fHww",
|
|
41
|
-
alt: "Logo Brand 5",
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
src: "https://images.unsplash.com/photo-1597075095308-0b47fc649175?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Nnx8ZGVzJTIwbSVDMyVBOWRpYXMlMjBzb2NpYXV4fGVufDB8fDB8fHww",
|
|
45
|
-
alt: "Logo Brand 6",
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
src: "https://images.unsplash.com/photo-1517292987719-0369a794ec0f?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
|
|
49
|
-
alt: "Logo Brand 7",
|
|
50
|
-
},
|
|
51
|
-
],
|
|
52
|
-
};
|
|
53
|
-
export var WithExtraImages = Template.bind({});
|
|
54
|
-
WithExtraImages.args = {
|
|
55
|
-
images: [
|
|
56
|
-
{ src: "/images/brand1.png", alt: "Logo Brand 1" },
|
|
57
|
-
{ src: "/images/brand2.png", alt: "Logo Brand 2" },
|
|
58
|
-
{ src: "/images/brand3.png", alt: "Logo Brand 3" },
|
|
59
|
-
{ src: "/images/brand4.png", alt: "Logo Brand 4" },
|
|
60
|
-
{ src: "/images/brand5.png", alt: "Logo Brand 5" },
|
|
61
|
-
{ src: "/images/brand6.png", alt: "Logo Brand 6" },
|
|
62
|
-
{ src: "/images/brand7.png", alt: "Logo Brand 7" },
|
|
63
|
-
{ src: "/images/brand8.png", alt: "Logo Brand 8 (Ignorée)" }, // Ignorée
|
|
64
|
-
{ src: "/images/brand9.png", alt: "Logo Brand 9 (Ignorée)" }, // Ignorée
|
|
65
|
-
],
|
|
66
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
declare namespace _default {
|
|
2
|
-
export let title: string;
|
|
3
|
-
export { Breadcrumb as component };
|
|
4
|
-
export let tags: string[];
|
|
5
|
-
export namespace argTypes {
|
|
6
|
-
namespace items {
|
|
7
|
-
let control: string;
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
export namespace parameters {
|
|
11
|
-
namespace backgrounds {
|
|
12
|
-
let _default: string;
|
|
13
|
-
export { _default as default };
|
|
14
|
-
export let values: {
|
|
15
|
-
name: string;
|
|
16
|
-
value: string;
|
|
17
|
-
}[];
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
export default _default;
|
|
22
|
-
export const Default: any;
|
|
23
|
-
export const LongBreadcrumb: any;
|
|
24
|
-
import Breadcrumb from "./Breadcrumb";
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import React from "react";
|
|
13
|
-
import Breadcrumb from "./Breadcrumb";
|
|
14
|
-
import "../../../styles/global.css";
|
|
15
|
-
export default {
|
|
16
|
-
title: "Components/Molecules/Breadcrumb",
|
|
17
|
-
component: Breadcrumb,
|
|
18
|
-
tags: ["autodocs"],
|
|
19
|
-
argTypes: {
|
|
20
|
-
items: {
|
|
21
|
-
control: "object",
|
|
22
|
-
},
|
|
23
|
-
},
|
|
24
|
-
parameters: {
|
|
25
|
-
backgrounds: {
|
|
26
|
-
default: "light",
|
|
27
|
-
values: [
|
|
28
|
-
{ name: "light", value: "#ffffff" },
|
|
29
|
-
{ name: "grey", value: "#728ea7" },
|
|
30
|
-
{ name: "figma", value: "#404040" },
|
|
31
|
-
{ name: "dark", value: "#171e25" },
|
|
32
|
-
],
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
};
|
|
36
|
-
var Template = function (args) { return React.createElement(Breadcrumb, __assign({}, args)); };
|
|
37
|
-
export var Default = Template.bind({});
|
|
38
|
-
Default.args = {
|
|
39
|
-
items: [
|
|
40
|
-
{ key: 1, label: "Home", link: "/" },
|
|
41
|
-
{ key: 2, label: "Components", link: "/components" },
|
|
42
|
-
{ key: 3, label: "Breadcrumb dzedbuzed bdze duze dze", link: "/components/breadcrumb" },
|
|
43
|
-
],
|
|
44
|
-
};
|
|
45
|
-
export var LongBreadcrumb = Template.bind({});
|
|
46
|
-
LongBreadcrumb.args = {
|
|
47
|
-
items: [
|
|
48
|
-
{ key: 1, label: "Home", link: "/" },
|
|
49
|
-
{ key: 2, label: "Category", link: "/category" },
|
|
50
|
-
{ key: 3, label: "Subcategory", link: "/category/subcategory" },
|
|
51
|
-
{ key: 4, label: "Product", link: "/category/subcategory/product" },
|
|
52
|
-
{ key: 5, label: "Details", link: "/category/subcategory/product/details" },
|
|
53
|
-
],
|
|
54
|
-
};
|