fulldev-ui 0.6.0-beta.9 → 0.6.1
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/astro.config.ts +6 -8
- package/cloudcannon.config.yml +57 -86
- package/package.json +2 -1
- package/public/images/block-code.png +0 -0
- package/public/images/component-code.png +0 -0
- package/src/blocks/Banner.astro +3 -5
- package/src/blocks/Colleagues1.astro +4 -3
- package/src/blocks/Contact1.astro +42 -42
- package/src/blocks/Contact2.astro +98 -0
- package/src/blocks/Content1.astro +6 -27
- package/src/blocks/Content2.astro +26 -49
- package/src/blocks/Content3.astro +26 -54
- package/src/blocks/Content4.astro +34 -50
- package/src/blocks/Content5.astro +7 -36
- package/src/blocks/Content6.astro +57 -0
- package/src/blocks/Content7.astro +65 -0
- package/src/blocks/Content8.astro +48 -0
- package/src/blocks/Cta1.astro +9 -12
- package/src/blocks/Cta2.astro +52 -0
- package/src/blocks/Features1.astro +8 -6
- package/src/blocks/Features2.astro +71 -0
- package/src/blocks/Footer.astro +2 -6
- package/src/blocks/Header.astro +9 -25
- package/src/blocks/Hero1.astro +19 -27
- package/src/blocks/Intro1.astro +6 -7
- package/src/blocks/{Industries1.astro → JobCategories1.astro} +13 -38
- package/src/blocks/JobCategory1.astro +92 -0
- package/src/blocks/Jobs1.astro +7 -10
- package/src/blocks/Logos1.astro +4 -4
- package/src/blocks/Pages1.astro +85 -0
- package/src/blocks/Pricings1.astro +61 -0
- package/src/blocks/Products1.astro +7 -10
- package/src/blocks/Projects1.astro +59 -83
- package/src/blocks/Reviews1.astro +10 -10
- package/src/blocks/Subheader.astro +4 -9
- package/src/components/Avatar.astro +40 -0
- package/src/components/Avatars.astro +20 -0
- package/src/components/Badge.astro +6 -35
- package/src/components/Block.astro +20 -4
- package/src/components/Channel.astro +4 -0
- package/src/components/Chip.astro +73 -0
- package/src/components/Element.astro +1 -0
- package/src/components/Field.astro +33 -0
- package/src/components/Fields.astro +20 -0
- package/src/components/Heading.astro +12 -5
- package/src/components/Image.astro +1 -1
- package/src/components/Link.astro +1 -1
- package/src/components/Menu.astro +9 -5
- package/src/components/Proof.astro +52 -0
- package/src/components/Select.astro +1 -1
- package/src/components/Tagline.astro +6 -6
- package/src/components/Toc.astro +33 -31
- package/src/content/config.ts +5 -0
- package/src/content/layouts/base.yml +135 -142
- package/src/content/pages/{base → _base}/toggle.mdx +1 -1
- package/src/content/pages/_showcase/stark-vulcanising-products.md +0 -1
- package/src/content/pages/docs/blocks/_categories.mdx +1 -17
- package/src/content/pages/docs/blocks/banner.mdx +1 -1
- package/src/content/pages/docs/blocks/colleagues.mdx +1 -1
- package/src/content/pages/docs/blocks/content.mdx +162 -1
- package/src/content/pages/docs/blocks/cta.mdx +1 -1
- package/src/content/pages/docs/blocks/features.mdx +66 -1
- package/src/content/pages/docs/blocks/footer.mdx +1 -1
- package/src/content/pages/docs/blocks/header.mdx +1 -1
- package/src/content/pages/docs/blocks/hero.mdx +1 -1
- package/src/content/pages/docs/blocks/intro.mdx +1 -1
- package/src/content/pages/docs/blocks/logos.mdx +1 -1
- package/src/content/pages/docs/blocks/projects.mdx +1 -1
- package/src/content/pages/docs/blocks/reviews.mdx +1 -1
- package/src/content/pages/docs/blocks.mdx +1 -7
- package/src/content/pages/docs/collections/images.mdx +1 -1
- package/src/content/pages/docs/collections/pages.mdx +1 -1
- package/src/content/pages/docs/collections/presets.mdx +1 -1
- package/src/content/pages/docs/components/_localeswitcher.mdx +1 -1
- package/src/content/pages/docs/components/_table.mdx +1 -1
- package/src/content/pages/docs/components/_tagline.mdx +1 -1
- package/src/content/pages/docs/components/_themer.mdx +1 -1
- package/src/content/pages/docs/components/_toggle.mdx +1 -1
- package/src/content/pages/docs/components/avatar.mdx +32 -0
- package/src/content/pages/docs/components/badge.mdx +1 -34
- package/src/content/pages/docs/components/badges.mdx +1 -13
- package/src/content/pages/docs/components/button.mdx +1 -1
- package/src/content/pages/docs/components/buttons.mdx +1 -1
- package/src/content/pages/docs/components/channel.mdx +1 -1
- package/src/content/pages/docs/components/channels.mdx +1 -1
- package/src/content/pages/docs/components/checkbox.mdx +1 -1
- package/src/content/pages/docs/components/chip.mdx +75 -0
- package/src/content/pages/docs/components/heading.mdx +1 -1
- package/src/content/pages/docs/components/icon.mdx +1 -1
- package/src/content/pages/docs/components/image.mdx +2 -1
- package/src/content/pages/docs/components/input.mdx +1 -1
- package/src/content/pages/docs/components/label.mdx +1 -1
- package/src/content/pages/docs/components/link.mdx +1 -1
- package/src/content/pages/docs/components/links.mdx +11 -52
- package/src/content/pages/docs/components/list.mdx +1 -1
- package/src/content/pages/docs/components/logo.mdx +1 -1
- package/src/content/pages/docs/components/menu.mdx +5 -18
- package/src/content/pages/docs/components/paragraph.mdx +1 -1
- package/src/content/pages/docs/components/rating.mdx +1 -1
- package/src/content/pages/docs/components/select.mdx +1 -1
- package/src/content/pages/docs/components/social.mdx +1 -1
- package/src/content/pages/docs/components/socials.mdx +1 -1
- package/src/content/pages/docs/components/switch.mdx +1 -1
- package/src/content/pages/docs/components/tagline.mdx +1 -1
- package/src/content/pages/docs/components/textarea.mdx +1 -1
- package/src/content/pages/docs/components.mdx +1 -1
- package/src/content/pages/docs/customization.mdx +1 -1
- package/src/content/pages/docs/frameworks.mdx +1 -1
- package/src/content/pages/docs/index.mdx +1 -1
- package/src/content/pages/docs/installation.mdx +1 -24
- package/src/content/pages/docs/layouts/doc.mdx +1 -1
- package/src/content/pages/docs/layouts/page.mdx +1 -1
- package/src/content/pages/docs/pages.mdx +1 -1
- package/src/content/pages/docs/structures/_card.mdx +1 -1
- package/src/content/pages/docs/structures/_dialog.mdx +1 -1
- package/src/content/pages/docs/structures/_drawer.mdx +1 -1
- package/src/content/pages/docs/structures/card.mdx +1 -1
- package/src/content/pages/docs/structures/code.mdx +1 -1
- package/src/content/pages/docs/structures/container.mdx +1 -1
- package/src/content/pages/docs/structures/drawer.mdx +1 -1
- package/src/content/pages/docs/structures/group.mdx +1 -1
- package/src/content/pages/docs/structures/layout.mdx +1 -1
- package/src/content/pages/docs/structures/masonry.mdx +1 -1
- package/src/content/pages/docs/structures/matrix.mdx +1 -1
- package/src/content/pages/docs/structures/panel.mdx +1 -1
- package/src/content/pages/docs/structures/prose.mdx +1 -1
- package/src/content/pages/docs/structures/section.mdx +1 -1
- package/src/content/pages/docs/structures/stack.mdx +1 -1
- package/src/content/pages/docs/structures/writeup.mdx +1 -1
- package/src/content/pages/docs/structures.mdx +1 -1
- package/src/content/pages/index.mdx +20 -25
- package/src/css/custom.css +4 -0
- package/src/integration/index.ts +1 -0
- package/src/layouts/Page.astro +45 -10
- package/src/layouts/{Product.astro → _Product.astro} +6 -6
- package/src/pages/test.astro +16 -0
- package/src/schemas/block.ts +22 -41
- package/src/schemas/button.ts +2 -0
- package/src/schemas/card.ts +43 -0
- package/src/schemas/channel.ts +1 -0
- package/src/schemas/{badge.ts → chip.ts} +3 -3
- package/src/schemas/page.ts +4 -18
- package/src/schemas/proof.ts +12 -0
- package/src/structures/Drawer.astro +2 -3
- package/src/structures/Prose.astro +40 -41
- package/src/structures/Section.astro +1 -1
- package/src/structures/Sidebar.astro +3 -4
- package/src/structures/Split.astro +38 -0
- package/tailwind.config.ts +4 -1
- package/pnpm-lock.yaml +0 -5186
- package/src/blocks/_Hero.astro +0 -245
- package/src/components/Blocks.astro +0 -26
- package/src/components/Sidebar.astro +0 -43
- package/src/content/pages/docs/blocks/feature.mdx +0 -17
- package/src/content/pages/docs/layouts.mdx +0 -80
- package/src/layouts/Block.astro +0 -81
- package/src/layouts/Category.astro +0 -136
- package/src/layouts/Doc.astro +0 -96
- package/src/layouts/Job.astro +0 -60
- package/src/layouts/Jobs.astro +0 -72
- package/src/layouts/Post.astro +0 -53
- /package/src/content/pages/{posts → _posts}/post.md +0 -0
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
2
|
+
_block: Content8
|
|
3
3
|
title: Features
|
|
4
4
|
---
|
|
5
5
|
|
|
6
|
+
## Features 1
|
|
7
|
+
|
|
6
8
|
```astro live
|
|
7
9
|
---
|
|
8
10
|
import Features1 from 'fulldev-ui/blocks/Features1.astro'
|
|
@@ -33,3 +35,66 @@ import Features1 from 'fulldev-ui/blocks/Features1.astro'
|
|
|
33
35
|
]}
|
|
34
36
|
/>
|
|
35
37
|
```
|
|
38
|
+
|
|
39
|
+
## Features 2
|
|
40
|
+
|
|
41
|
+
```astro live
|
|
42
|
+
---
|
|
43
|
+
import Features2 from 'fulldev-ui/blocks/Features2.astro'
|
|
44
|
+
---
|
|
45
|
+
|
|
46
|
+
<Features2
|
|
47
|
+
heading="Lorem ipsum dolor sit"
|
|
48
|
+
paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit."
|
|
49
|
+
cards={[
|
|
50
|
+
{
|
|
51
|
+
icon: 'rocket',
|
|
52
|
+
heading: 'Lorem ipsum',
|
|
53
|
+
paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
|
|
54
|
+
button: { text: 'Lorem ipsum', href: '' },
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
icon: 'pencil',
|
|
58
|
+
heading: 'Lorem ipsum',
|
|
59
|
+
paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
|
|
60
|
+
button: { text: 'Lorem ipsum', href: '' },
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
icon: 'typography',
|
|
64
|
+
heading: 'Lorem ipsum',
|
|
65
|
+
paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
|
|
66
|
+
button: { text: 'Lorem ipsum', href: '' },
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
icon: 'rocket',
|
|
70
|
+
heading: 'Lorem ipsum',
|
|
71
|
+
paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
|
|
72
|
+
button: { text: 'Lorem ipsum', href: '' },
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
icon: 'pencil',
|
|
76
|
+
heading: 'Lorem ipsum',
|
|
77
|
+
paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
|
|
78
|
+
button: { text: 'Lorem ipsum', href: '' },
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
icon: 'typography',
|
|
82
|
+
heading: 'Lorem ipsum',
|
|
83
|
+
paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
|
|
84
|
+
button: { text: 'Lorem ipsum', href: '' },
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
icon: 'pencil',
|
|
88
|
+
heading: 'Lorem ipsum',
|
|
89
|
+
paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
|
|
90
|
+
button: { text: 'Lorem ipsum', href: '' },
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
icon: 'typography',
|
|
94
|
+
heading: 'Lorem ipsum',
|
|
95
|
+
paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
|
|
96
|
+
button: { text: 'Lorem ipsum', href: '' },
|
|
97
|
+
},
|
|
98
|
+
]}
|
|
99
|
+
/>
|
|
100
|
+
```
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
2
|
+
_block: Content7
|
|
3
3
|
title: Using Blocks
|
|
4
4
|
description: Ready to use blocks and page building.
|
|
5
5
|
---
|
|
@@ -17,11 +17,9 @@ import Hero1 from 'fulldev-ui/blocks/Hero1.astro'
|
|
|
17
17
|
buttons={[
|
|
18
18
|
{
|
|
19
19
|
text: 'Click me',
|
|
20
|
-
href: '#',
|
|
21
20
|
},
|
|
22
21
|
{
|
|
23
22
|
text: 'Click me',
|
|
24
|
-
href: '#',
|
|
25
23
|
},
|
|
26
24
|
]}
|
|
27
25
|
/>
|
|
@@ -45,14 +43,10 @@ import Block from 'fulldev-ui/components/Block.astro'
|
|
|
45
43
|
buttons={[
|
|
46
44
|
{
|
|
47
45
|
text: 'Click me',
|
|
48
|
-
href: '#',
|
|
49
46
|
},
|
|
50
47
|
{
|
|
51
48
|
text: 'Click me',
|
|
52
|
-
href: '#',
|
|
53
49
|
},
|
|
54
50
|
]}
|
|
55
51
|
/>
|
|
56
52
|
```
|
|
57
|
-
|
|
58
|
-
More on this in the [Layouts](/docs/layouts/) guide.
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
---
|
|
2
|
+
_block: Content7
|
|
3
|
+
title: Avatar
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
import Props from 'fulldev-ui/components/docs/Props.astro'
|
|
7
|
+
|
|
8
|
+
```astro live
|
|
9
|
+
---
|
|
10
|
+
import Avatar from 'fulldev-ui/components/Avatar.astro'
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
<Avatar src="/images/avatar-2.jpeg" />
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
## Props
|
|
17
|
+
|
|
18
|
+
<Props />
|
|
19
|
+
|
|
20
|
+
## Examples
|
|
21
|
+
|
|
22
|
+
### `variant`
|
|
23
|
+
|
|
24
|
+
```astro live
|
|
25
|
+
---
|
|
26
|
+
import Avatar from 'fulldev-ui/components/Avatar.astro'
|
|
27
|
+
---
|
|
28
|
+
|
|
29
|
+
<Avatar size="sm" src="/images/avatar-2.jpeg" />
|
|
30
|
+
<Avatar size="md" src="/images/avatar-2.jpeg" />
|
|
31
|
+
<Avatar size="lg" src="/images/avatar-2.jpeg" />
|
|
32
|
+
```
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
2
|
+
_block: Content7
|
|
3
3
|
title: Badge
|
|
4
4
|
---
|
|
5
5
|
|
|
@@ -31,39 +31,6 @@ import Badge from 'fulldev-ui/components/Badge.astro'
|
|
|
31
31
|
<Badge variant="outline">Outline</Badge>
|
|
32
32
|
```
|
|
33
33
|
|
|
34
|
-
### `size`
|
|
35
|
-
|
|
36
|
-
```astro live
|
|
37
|
-
---
|
|
38
|
-
import Badge from 'fulldev-ui/components/Badge.astro'
|
|
39
|
-
---
|
|
40
|
-
|
|
41
|
-
<Badge size="sm">Small</Badge>
|
|
42
|
-
<Badge size="md">Medium</Badge>
|
|
43
|
-
<Badge size="lg">Large</Badge>
|
|
44
|
-
```
|
|
45
|
-
|
|
46
|
-
### `icon`
|
|
47
|
-
|
|
48
|
-
```astro live
|
|
49
|
-
---
|
|
50
|
-
import Badge from 'fulldev-ui/components/Badge.astro'
|
|
51
|
-
---
|
|
52
|
-
|
|
53
|
-
<Badge icon="circle" text="Badge" />
|
|
54
|
-
<Badge icon="circle" />
|
|
55
|
-
```
|
|
56
|
-
|
|
57
|
-
### `href`
|
|
58
|
-
|
|
59
|
-
```astro live
|
|
60
|
-
---
|
|
61
|
-
import Badge from 'fulldev-ui/components/Badge.astro'
|
|
62
|
-
---
|
|
63
|
-
|
|
64
|
-
<Badge href="#">Link</Badge>
|
|
65
|
-
```
|
|
66
|
-
|
|
67
34
|
### `text`
|
|
68
35
|
|
|
69
36
|
```astro live
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
2
|
+
_block: Content7
|
|
3
3
|
title: Badges
|
|
4
4
|
description: A utility component for displaying multiple badges.
|
|
5
5
|
---
|
|
@@ -31,15 +31,3 @@ import Badges from 'fulldev-ui/components/Badges.astro'
|
|
|
31
31
|
<Badges variant="secondary" badges={[{ text: 'First' }, { text: 'Second' }]} />
|
|
32
32
|
<Badges variant="outline" badges={[{ text: 'First' }, { text: 'Second' }]} />
|
|
33
33
|
```
|
|
34
|
-
|
|
35
|
-
### `size`
|
|
36
|
-
|
|
37
|
-
```astro live
|
|
38
|
-
---
|
|
39
|
-
import Badges from 'fulldev-ui/components/Badges.astro'
|
|
40
|
-
---
|
|
41
|
-
|
|
42
|
-
<Badges size="sm" badges={[{ text: 'First' }, { text: 'Second' }]} />
|
|
43
|
-
<Badges size="md" badges={[{ text: 'First' }, { text: 'Second' }]} />
|
|
44
|
-
<Badges size="lg" badges={[{ text: 'First' }, { text: 'Second' }]} />
|
|
45
|
-
```
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
---
|
|
2
|
+
_block: Content7
|
|
3
|
+
title: Chip
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
import Props from 'fulldev-ui/components/docs/Props.astro'
|
|
7
|
+
|
|
8
|
+
```astro live
|
|
9
|
+
---
|
|
10
|
+
import Chip from 'fulldev-ui/components/Chip.astro'
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
<Chip>Chip</Chip>
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
## Props
|
|
17
|
+
|
|
18
|
+
<Props />
|
|
19
|
+
|
|
20
|
+
## Examples
|
|
21
|
+
|
|
22
|
+
### `variant`
|
|
23
|
+
|
|
24
|
+
```astro live
|
|
25
|
+
---
|
|
26
|
+
import Chip from 'fulldev-ui/components/Chip.astro'
|
|
27
|
+
---
|
|
28
|
+
|
|
29
|
+
<Chip variant="primary">Primary</Chip>
|
|
30
|
+
<Chip variant="secondary">Secondary</Chip>
|
|
31
|
+
<Chip variant="outline">Outline</Chip>
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
### `size`
|
|
35
|
+
|
|
36
|
+
```astro live
|
|
37
|
+
---
|
|
38
|
+
import Chip from 'fulldev-ui/components/Chip.astro'
|
|
39
|
+
---
|
|
40
|
+
|
|
41
|
+
<Chip size="sm">Small</Chip>
|
|
42
|
+
<Chip size="md">Medium</Chip>
|
|
43
|
+
<Chip size="lg">Large</Chip>
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
### `icon`
|
|
47
|
+
|
|
48
|
+
```astro live
|
|
49
|
+
---
|
|
50
|
+
import Chip from 'fulldev-ui/components/Chip.astro'
|
|
51
|
+
---
|
|
52
|
+
|
|
53
|
+
<Chip icon="circle" text="Chip" />
|
|
54
|
+
<Chip icon="circle" />
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
### `href`
|
|
58
|
+
|
|
59
|
+
```astro live
|
|
60
|
+
---
|
|
61
|
+
import Chip from 'fulldev-ui/components/Chip.astro'
|
|
62
|
+
---
|
|
63
|
+
|
|
64
|
+
<Chip href="#">Link</Chip>
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
### `text`
|
|
68
|
+
|
|
69
|
+
```astro live
|
|
70
|
+
---
|
|
71
|
+
import Chip from 'fulldev-ui/components/Chip.astro'
|
|
72
|
+
---
|
|
73
|
+
|
|
74
|
+
<Chip text="Chip" />
|
|
75
|
+
```
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
2
|
+
_block: Content7
|
|
3
3
|
title: Links
|
|
4
4
|
description: A utility component for displaying multiple links.
|
|
5
5
|
---
|
|
@@ -11,12 +11,7 @@ import Props from 'fulldev-ui/components/docs/Props.astro'
|
|
|
11
11
|
import Links from 'fulldev-ui/components/Links.astro'
|
|
12
12
|
---
|
|
13
13
|
|
|
14
|
-
<Links
|
|
15
|
-
links={[
|
|
16
|
-
{ text: 'First', href: '#' },
|
|
17
|
-
{ text: 'Second', href: '#' },
|
|
18
|
-
]}
|
|
19
|
-
/>
|
|
14
|
+
<Links links={[{ text: 'First' }, { text: 'Second' }]} />
|
|
20
15
|
```
|
|
21
16
|
|
|
22
17
|
## Props
|
|
@@ -32,13 +27,7 @@ import Links from 'fulldev-ui/components/Links.astro'
|
|
|
32
27
|
import Links from 'fulldev-ui/components/Links.astro'
|
|
33
28
|
---
|
|
34
29
|
|
|
35
|
-
<Links
|
|
36
|
-
direction="column"
|
|
37
|
-
links={[
|
|
38
|
-
{ text: 'First', href: '#' },
|
|
39
|
-
{ text: 'Second', href: '#' },
|
|
40
|
-
]}
|
|
41
|
-
/>
|
|
30
|
+
<Links direction="column" links={[{ text: 'First' }, { text: 'Second' }]} />
|
|
42
31
|
```
|
|
43
32
|
|
|
44
33
|
### `variant`
|
|
@@ -48,21 +37,9 @@ import Links from 'fulldev-ui/components/Links.astro'
|
|
|
48
37
|
import Links from 'fulldev-ui/components/Links.astro'
|
|
49
38
|
---
|
|
50
39
|
|
|
51
|
-
<Links
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
{ text: 'First', href: '#' },
|
|
55
|
-
{ text: 'Second', href: '#' },
|
|
56
|
-
]}
|
|
57
|
-
/>
|
|
58
|
-
|
|
59
|
-
<Links
|
|
60
|
-
variant="muted"
|
|
61
|
-
links={[
|
|
62
|
-
{ text: 'First', href: '#' },
|
|
63
|
-
{ text: 'Second', href: '#' },
|
|
64
|
-
]}
|
|
65
|
-
/>
|
|
40
|
+
<Links variant="primary" links={[{ text: 'First' }, { text: 'Second' }]} />
|
|
41
|
+
|
|
42
|
+
<Links variant="muted" links={[{ text: 'First' }, { text: 'Second' }]} />
|
|
66
43
|
```
|
|
67
44
|
|
|
68
45
|
### `size`
|
|
@@ -72,27 +49,9 @@ import Links from 'fulldev-ui/components/Links.astro'
|
|
|
72
49
|
import Links from 'fulldev-ui/components/Links.astro'
|
|
73
50
|
---
|
|
74
51
|
|
|
75
|
-
<Links
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
]}
|
|
81
|
-
/>
|
|
82
|
-
|
|
83
|
-
<Links
|
|
84
|
-
size="md"
|
|
85
|
-
links={[
|
|
86
|
-
{ text: 'First', href: '#' },
|
|
87
|
-
{ text: 'Second', href: '#' },
|
|
88
|
-
]}
|
|
89
|
-
/>
|
|
90
|
-
|
|
91
|
-
<Links
|
|
92
|
-
size="lg"
|
|
93
|
-
links={[
|
|
94
|
-
{ text: 'First', href: '#' },
|
|
95
|
-
{ text: 'Second', href: '#' },
|
|
96
|
-
]}
|
|
97
|
-
/>
|
|
52
|
+
<Links size="sm" links={[{ text: 'First' }, { text: 'Second' }]} />
|
|
53
|
+
|
|
54
|
+
<Links size="md" links={[{ text: 'First' }, { text: 'Second' }]} />
|
|
55
|
+
|
|
56
|
+
<Links size="lg" links={[{ text: 'First' }, { text: 'Second' }]} />
|
|
98
57
|
```
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
2
|
+
_block: Content7
|
|
3
3
|
title: Menu
|
|
4
4
|
---
|
|
5
5
|
|
|
@@ -13,11 +13,7 @@ import Menu from 'fulldev-ui/components/Menu.astro'
|
|
|
13
13
|
|
|
14
14
|
<Menu
|
|
15
15
|
heading="Heading"
|
|
16
|
-
links={[
|
|
17
|
-
{ text: 'First', href: '#' },
|
|
18
|
-
{ text: 'Second', href: '#' },
|
|
19
|
-
{ text: 'Third', href: '#' },
|
|
20
|
-
]}
|
|
16
|
+
links={[{ text: 'First' }, { text: 'Second' }, { text: 'Third' }]}
|
|
21
17
|
/>
|
|
22
18
|
```
|
|
23
19
|
|
|
@@ -37,25 +33,16 @@ import Menu from 'fulldev-ui/components/Menu.astro'
|
|
|
37
33
|
<Menu
|
|
38
34
|
size="sm"
|
|
39
35
|
heading="First"
|
|
40
|
-
links={[
|
|
41
|
-
{ text: 'First', href: '#' },
|
|
42
|
-
{ text: 'Second', href: '#' },
|
|
43
|
-
]}
|
|
36
|
+
links={[{ text: 'First' }, { text: 'Second' }]}
|
|
44
37
|
/>
|
|
45
38
|
<Menu
|
|
46
39
|
size="md"
|
|
47
40
|
heading="First"
|
|
48
|
-
links={[
|
|
49
|
-
{ text: 'First', href: '#' },
|
|
50
|
-
{ text: 'Second', href: '#' },
|
|
51
|
-
]}
|
|
41
|
+
links={[{ text: 'First' }, { text: 'Second' }]}
|
|
52
42
|
/>
|
|
53
43
|
<Menu
|
|
54
44
|
size="lg"
|
|
55
45
|
heading="First"
|
|
56
|
-
links={[
|
|
57
|
-
{ text: 'First', href: '#' },
|
|
58
|
-
{ text: 'Second', href: '#' },
|
|
59
|
-
]}
|
|
46
|
+
links={[{ text: 'First' }, { text: 'Second' }]}
|
|
60
47
|
/>
|
|
61
48
|
```
|