@funidata/fudis-core 0.0.1 → 0.0.2-alpha.2
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/README.md +7 -1
- package/package.json +1 -1
- package/src/components/button/button.stories.js +0 -49
package/README.md
CHANGED
package/package.json
CHANGED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
title: "Components/Button",
|
|
3
|
-
decorators: [
|
|
4
|
-
(storyFn) =>
|
|
5
|
-
`<div style="display: flex; gap: 12px; flex-wrap: wrap; align-items: flex-start;">${storyFn()}</div>`,
|
|
6
|
-
],
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
export const Primary = () => `
|
|
10
|
-
<button class="fudis-button fudis-button__primary fudis-button__size__medium">
|
|
11
|
-
Primary
|
|
12
|
-
</button>
|
|
13
|
-
`;
|
|
14
|
-
|
|
15
|
-
export const Secondary = () => `
|
|
16
|
-
<button class="fudis-button fudis-button__secondary fudis-button__size__medium">
|
|
17
|
-
Secondary
|
|
18
|
-
</button>
|
|
19
|
-
`;
|
|
20
|
-
|
|
21
|
-
export const Tertiary = () => `
|
|
22
|
-
<button class="fudis-button fudis-button__tertiary fudis-button__size__medium">
|
|
23
|
-
Tertiary
|
|
24
|
-
</button>
|
|
25
|
-
`;
|
|
26
|
-
|
|
27
|
-
export const Primary_Small = () => `
|
|
28
|
-
<button class="fudis-button fudis-button__primary fudis-button__size__small">
|
|
29
|
-
Primary Small
|
|
30
|
-
</button>
|
|
31
|
-
`;
|
|
32
|
-
|
|
33
|
-
export const Secondary_Small = () => `
|
|
34
|
-
<button class="fudis-button fudis-button__secondary fudis-button__size__small">
|
|
35
|
-
Secondary Small
|
|
36
|
-
</button>
|
|
37
|
-
`;
|
|
38
|
-
|
|
39
|
-
export const Tertiary_Small = () => `
|
|
40
|
-
<button class="fudis-button fudis-button__tertiary fudis-button__size__small">
|
|
41
|
-
Tertiary Small
|
|
42
|
-
</button>
|
|
43
|
-
`;
|
|
44
|
-
|
|
45
|
-
export const Disabled = () => `
|
|
46
|
-
<button aria-disabled="true" class="fudis-button fudis-button__primary fudis-button__size__medium">
|
|
47
|
-
Disabled
|
|
48
|
-
</button>
|
|
49
|
-
`;
|