fulldev-ui 0.6.0-beta.0 → 0.6.0-beta.10
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/.vscode/settings.json +2 -0
- package/astro.config.ts +4 -4
- package/cloudcannon.config.yml +233 -0
- package/package.json +13 -7
- package/pnpm-lock.yaml +370 -35
- package/src/blocks/Banner.astro +13 -15
- package/src/blocks/Colleagues1.astro +73 -0
- package/src/blocks/Contact1.astro +95 -0
- package/src/blocks/Content1.astro +56 -0
- package/src/blocks/Content2.astro +63 -0
- package/src/blocks/Content3.astro +66 -0
- package/src/blocks/Content4.astro +61 -0
- package/src/blocks/Content5.astro +58 -0
- package/src/blocks/Content6.astro +66 -0
- package/src/blocks/Content7.astro +75 -0
- package/src/blocks/Content8.astro +67 -0
- package/src/blocks/Cta1.astro +73 -0
- package/src/blocks/Features1.astro +70 -0
- package/src/blocks/Features2.astro +70 -0
- package/src/blocks/Footer.astro +42 -66
- package/src/blocks/Header.astro +153 -3
- package/src/blocks/Hero1.astro +77 -0
- package/src/blocks/Industries1.astro +86 -0
- package/src/blocks/Intro1.astro +68 -0
- package/src/blocks/Jobs1.astro +77 -0
- package/src/blocks/Logos1.astro +55 -0
- package/src/blocks/Products1.astro +90 -0
- package/src/blocks/Projects1.astro +80 -0
- package/src/blocks/Reviews1.astro +81 -0
- package/src/{components → blocks}/Subheader.astro +1 -2
- package/src/blocks/{Hero.astro → _Hero.astro} +7 -6
- package/src/components/Badge.astro +7 -27
- package/src/components/Badges.astro +13 -36
- package/src/components/Block.astro +38 -0
- package/src/components/Blocks.astro +26 -0
- package/src/components/Button.astro +10 -33
- package/src/components/Buttons.astro +12 -43
- package/src/components/Cart.astro +20 -16
- package/src/components/CartAdd.svelte +76 -0
- package/src/components/CartCheckout.svelte +58 -0
- package/src/components/CartForm.svelte +130 -0
- package/src/components/CartList.svelte +88 -0
- package/src/components/CartQuantity.svelte +81 -0
- package/src/components/CartSummary.astro +12 -97
- package/src/components/CartTotal.svelte +15 -0
- package/src/components/Channel.astro +10 -13
- package/src/components/Channels.astro +11 -42
- package/src/components/Checkbox.astro +8 -14
- package/src/components/Element.astro +5 -1
- package/src/components/Form.astro +4 -3
- package/src/components/Gallery.astro +9 -6
- package/src/components/Head.astro +29 -33
- package/src/components/Heading.astro +48 -80
- package/src/components/Icon.astro +4 -4
- package/src/components/Image.astro +18 -49
- package/src/components/Input.astro +21 -16
- package/src/components/Label.astro +6 -6
- package/src/components/Link.astro +18 -27
- package/src/components/Links.astro +13 -35
- package/src/components/List.astro +3 -5
- package/src/components/Logo.astro +18 -14
- package/src/components/Menu.astro +22 -35
- package/src/components/Menus.astro +20 -0
- package/src/components/Paragraph.astro +26 -10
- package/src/components/Price.astro +5 -8
- package/src/components/Rating.astro +25 -74
- package/src/components/Search.astro +102 -43
- package/src/components/Select.astro +3 -3
- package/src/components/Sidebar.astro +20 -71
- package/src/components/Social.astro +11 -2
- package/src/components/Socials.astro +18 -34
- package/src/components/Switch.astro +4 -69
- package/src/components/Table.astro +2 -3
- package/src/components/Tagline.astro +22 -33
- package/src/components/Textarea.astro +5 -5
- package/src/components/Themer.astro +3 -3
- package/src/components/Toc.astro +22 -25
- package/src/components/Toggle.astro +45 -0
- package/src/components/{Breadcrumb.astro → _Breadcrumb.astro} +3 -3
- package/src/components/_Image.astro +79 -0
- package/src/components/docs/Props.astro +21 -0
- package/src/content/config.ts +3 -10
- package/src/content/layouts/base.yml +159 -0
- package/src/content/pages/_showcase/anti-slip-profiles.md +5 -0
- package/src/content/pages/{showcase → _showcase}/fulldev-ui.md +1 -1
- package/src/content/pages/{showcase → _showcase}/lavis-detailing.md +1 -1
- package/src/content/pages/{showcase → _showcase}/leren-trainingsacteren.md +1 -1
- package/src/content/pages/{showcase → _showcase}/miele-witgoedcenter-amsterdam.md +1 -1
- package/src/content/pages/{showcase → _showcase}/sloepverhuur-bolsward.md +1 -1
- package/src/content/pages/_showcase/stark-vulcanising-products.md +4 -0
- package/src/content/pages/{showcase → _showcase}/the-gym-haren.md +1 -1
- package/src/content/pages/{showcase → _showcase}/van-dillen-antieke-bouwmaterialen.md +1 -1
- package/src/content/pages/base/toggle.mdx +28 -0
- package/src/content/pages/{blocks → docs/blocks}/_categories.mdx +1 -19
- package/src/content/pages/{blocks/contact.mdx → docs/blocks/_contact.mdx} +0 -2
- package/src/content/pages/{blocks → docs/blocks}/_jobs.mdx +0 -2
- package/src/content/pages/{blocks/posts.mdx → docs/blocks/_posts.mdx} +0 -2
- package/src/content/pages/{blocks → docs/blocks}/_stats.mdx +0 -2
- package/src/content/pages/{blocks → docs/blocks}/banner.mdx +1 -2
- package/src/content/pages/docs/blocks/colleagues.mdx +49 -0
- package/src/content/pages/docs/blocks/content.mdx +290 -0
- package/src/content/pages/docs/blocks/cta.mdx +16 -0
- package/src/content/pages/docs/blocks/feature.mdx +17 -0
- package/src/content/pages/docs/blocks/features.mdx +35 -0
- package/src/content/pages/docs/blocks/footer.mdx +46 -0
- package/src/content/pages/docs/blocks/header.mdx +60 -0
- package/src/content/pages/docs/blocks/hero.mdx +18 -0
- package/src/content/pages/docs/blocks/intro.mdx +16 -0
- package/src/content/pages/docs/blocks/logos.mdx +37 -0
- package/src/content/pages/docs/blocks/projects.mdx +36 -0
- package/src/content/pages/docs/blocks/reviews.mdx +65 -0
- package/src/content/pages/docs/blocks.mdx +42 -21
- package/src/content/pages/docs/collections/images.mdx +4 -2
- package/src/content/pages/docs/collections/pages.mdx +3 -3
- package/src/content/pages/docs/collections/presets.mdx +1 -1
- package/src/content/pages/docs/components/_localeswitcher.mdx +1 -2
- package/src/content/pages/docs/components/{table.mdx → _table.mdx} +3 -6
- package/src/content/pages/docs/components/_tagline.mdx +1 -2
- package/src/content/pages/docs/components/{themer.mdx → _themer.mdx} +3 -6
- package/src/content/pages/docs/components/_toggle.mdx +3 -4
- package/src/content/pages/docs/components/badge.mdx +3 -6
- package/src/content/pages/docs/components/badges.mdx +4 -6
- package/src/content/pages/docs/components/button.mdx +3 -6
- package/src/content/pages/docs/components/buttons.mdx +4 -6
- package/src/content/pages/docs/components/channel.mdx +3 -6
- package/src/content/pages/docs/components/channels.mdx +4 -4
- package/src/content/pages/docs/components/checkbox.mdx +3 -6
- package/src/content/pages/docs/components/heading.mdx +12 -23
- package/src/content/pages/docs/components/icon.mdx +3 -6
- package/src/content/pages/docs/components/image.mdx +4 -11
- package/src/content/pages/docs/components/input.mdx +3 -6
- package/src/content/pages/docs/components/label.mdx +3 -6
- package/src/content/pages/docs/components/link.mdx +3 -6
- package/src/content/pages/docs/components/links.mdx +14 -57
- package/src/content/pages/docs/components/list.mdx +3 -6
- package/src/content/pages/docs/components/logo.mdx +10 -23
- package/src/content/pages/docs/components/menu.mdx +12 -54
- package/src/content/pages/docs/components/paragraph.mdx +10 -17
- package/src/content/pages/docs/components/rating.mdx +10 -44
- package/src/content/pages/docs/components/select.mdx +3 -6
- package/src/content/pages/docs/components/social.mdx +3 -6
- package/src/content/pages/docs/components/socials.mdx +4 -4
- package/src/content/pages/docs/components/switch.mdx +3 -6
- package/src/content/pages/docs/components/tagline.mdx +3 -8
- package/src/content/pages/docs/components/textarea.mdx +3 -6
- package/src/content/pages/docs/components.mdx +4 -8
- package/src/content/pages/docs/customization.mdx +53 -21
- package/src/content/pages/docs/frameworks.mdx +13 -12
- package/src/content/pages/docs/index.mdx +5 -7
- package/src/content/pages/docs/installation.mdx +10 -7
- package/src/content/pages/docs/layouts/doc.mdx +15 -0
- package/src/content/pages/docs/layouts/page.mdx +15 -0
- package/src/content/pages/docs/{generating-pages.mdx → pages.mdx} +2 -1
- package/src/content/pages/docs/{components → structures}/_card.mdx +7 -8
- package/src/content/pages/docs/{components → structures}/_dialog.mdx +1 -2
- package/src/content/pages/docs/{components → structures}/_drawer.mdx +2 -3
- package/src/content/pages/docs/structures/card.mdx +15 -0
- package/src/content/pages/docs/{components → structures}/code.mdx +5 -9
- package/src/content/pages/docs/structures/container.mdx +15 -0
- package/src/content/pages/docs/structures/drawer.mdx +15 -0
- package/src/content/pages/docs/structures/group.mdx +15 -0
- package/src/content/pages/docs/structures/layout.mdx +15 -0
- package/src/content/pages/docs/structures/masonry.mdx +15 -0
- package/src/content/pages/docs/structures/matrix.mdx +15 -0
- package/src/content/pages/docs/structures/panel.mdx +15 -0
- package/src/content/pages/docs/{components → structures}/prose.mdx +4 -8
- package/src/content/pages/docs/structures/section.mdx +15 -0
- package/src/content/pages/docs/structures/stack.mdx +15 -0
- package/src/content/pages/docs/structures/writeup.mdx +15 -0
- package/src/content/pages/docs/structures.mdx +7 -0
- package/src/content/pages/index.mdx +22 -29
- package/src/content/pages/posts/post.md +7 -0
- package/src/content/pages/showcase.mdx +1 -5
- package/src/css/theme.css +11 -42
- package/src/env.d.ts +1 -0
- package/src/integration/index.ts +51 -10
- package/src/layouts/Block.astro +81 -0
- package/src/layouts/{CategoryLayout.astro → Category.astro} +27 -26
- package/src/layouts/Doc.astro +96 -0
- package/src/layouts/Job.astro +60 -0
- package/src/layouts/Jobs.astro +72 -0
- package/src/layouts/Page.astro +84 -0
- package/src/layouts/Post.astro +53 -0
- package/src/layouts/{ProductLayout.astro → Product.astro} +42 -32
- package/src/pages/[...page].astro +33 -20
- package/src/schemas/badge.ts +14 -0
- package/src/schemas/block.ts +59 -0
- package/src/schemas/button.ts +15 -0
- package/src/schemas/channel.ts +14 -0
- package/src/schemas/checkbox.ts +13 -0
- package/src/schemas/footer.ts +17 -0
- package/src/schemas/head.ts +17 -0
- package/src/schemas/header.ts +21 -0
- package/src/schemas/image.ts +53 -0
- package/src/schemas/input.ts +13 -0
- package/src/schemas/link.ts +14 -0
- package/src/schemas/logo.ts +13 -0
- package/src/schemas/menu.ts +11 -0
- package/src/schemas/page.ts +39 -0
- package/src/schemas/{utils/pathSchema.ts → path.ts} +1 -1
- package/src/schemas/textarea.ts +11 -0
- package/src/stores/cart.svelte.ts +78 -0
- package/src/stores/cart.ts +59 -6
- package/src/structures/Card.astro +35 -0
- package/src/{components → structures}/Code.astro +7 -6
- package/src/structures/Container.astro +25 -0
- package/src/structures/Drawer.astro +81 -0
- package/src/structures/Group.astro +25 -0
- package/src/structures/Layout.astro +34 -0
- package/src/structures/Masonry.astro +42 -0
- package/src/structures/Matrix.astro +39 -0
- package/src/structures/Panel.astro +25 -0
- package/src/structures/Prose.astro +97 -0
- package/src/structures/Section.astro +26 -0
- package/src/structures/Sidebar.astro +36 -0
- package/src/structures/Split.astro +25 -0
- package/src/structures/Stack.astro +25 -0
- package/src/structures/Writeup.astro +67 -0
- package/src/structures/_Bento.astro +34 -0
- package/src/utils/cart.ts +1 -1
- package/src/utils/getHref.ts +6 -0
- package/svelte.config.js +5 -0
- package/tailwind.config.ts +9 -4
- package/tsconfig.json +4 -4
- package/{src/types/virtual-modules.d.ts → virtual.d.ts} +1 -1
- package/public/favicon/favicon-16x16-dark.png +0 -0
- package/public/favicon/favicon-32x32-dark.png +0 -0
- package/public/favicon/favicon-48x48-dark.png +0 -0
- package/public/favicon/favicon-dark.ico +0 -0
- package/src/blocks/Categories.astro +0 -12
- package/src/blocks/Colleagues.astro +0 -12
- package/src/blocks/Contact.astro +0 -117
- package/src/blocks/Content.astro +0 -130
- package/src/blocks/Cta.astro +0 -13
- package/src/blocks/Excerpt.astro +0 -12
- package/src/blocks/Features.astro +0 -11
- package/src/blocks/Intro.astro +0 -101
- package/src/blocks/Jobs.astro +0 -12
- package/src/blocks/Posts.astro +0 -11
- package/src/blocks/Prices.astro +0 -24
- package/src/blocks/Product.astro +0 -89
- package/src/blocks/Products.astro +0 -120
- package/src/blocks/Reviews.astro +0 -12
- package/src/blocks/_Contact.astro +0 -112
- package/src/components/Avatar.astro +0 -45
- package/src/components/Avatars.astro +0 -36
- package/src/components/Card.astro +0 -173
- package/src/components/Cards.astro +0 -133
- package/src/components/CartForm.astro +0 -121
- package/src/components/CartList.astro +0 -117
- package/src/components/Dialog.astro +0 -66
- package/src/components/Drawer.astro +0 -142
- package/src/components/Header.astro +0 -127
- package/src/components/Lead.astro +0 -46
- package/src/components/Prose.astro +0 -169
- package/src/components/Section.astro +0 -293
- package/src/components/Text.astro +0 -43
- package/src/components/Writeup.astro +0 -108
- package/src/components/docs/DecorativeBox.astro +0 -15
- package/src/components/docs/PropsTable.astro +0 -49
- package/src/components/experimental/Video.astro +0 -32
- package/src/components/experimental/Window.astro +0 -122
- package/src/components/sections.astro +0 -28
- package/src/content/pages/blocks/_footer.mdx +0 -77
- package/src/content/pages/blocks/_header.mdx +0 -185
- package/src/content/pages/blocks/_prices.mdx +0 -124
- package/src/content/pages/blocks/_product.mdx +0 -99
- package/src/content/pages/blocks/_products.mdx +0 -54
- package/src/content/pages/blocks/colleagues.mdx +0 -39
- package/src/content/pages/blocks/content.mdx +0 -79
- package/src/content/pages/blocks/cta.mdx +0 -161
- package/src/content/pages/blocks/features.mdx +0 -130
- package/src/content/pages/blocks/hero.mdx +0 -96
- package/src/content/pages/blocks/intro.mdx +0 -126
- package/src/content/pages/blocks/reviews.mdx +0 -253
- package/src/content/pages/docs/_internationalization.mdx +0 -55
- package/src/content/pages/docs/_using-blocks.mdx +0 -33
- package/src/content/pages/docs/_using-presets.mdx +0 -49
- package/src/content/pages/docs/collections.mdx +0 -42
- package/src/content/pages/docs/components/_switch.mdx +0 -32
- package/src/content/pages/docs/components/avatar.mdx +0 -35
- package/src/content/pages/docs/components/lead.mdx +0 -51
- package/src/content/pages/docs/components/section.mdx +0 -36
- package/src/content/pages/docs/layouts.mdx +0 -33
- package/src/content/pages/showcase/anti-slip-profiles.md +0 -5
- package/src/content/pages/showcase/stark-vulcanising-products.md +0 -5
- package/src/content/presets/base.yml +0 -100
- package/src/content/presets/docs.yml +0 -6
- package/src/css/color.css +0 -76
- package/src/css/size.css +0 -131
- package/src/layouts/Layout.astro +0 -108
- package/src/layouts/PageLayout.astro +0 -26
- package/src/layouts/PostLayout.astro +0 -26
- package/src/loaders/imageLoader.ts +0 -26
- package/src/pages/test.astro +0 -20
- package/src/schemas/components/avatar.ts +0 -3
- package/src/schemas/components/avatars.ts +0 -4
- package/src/schemas/components/badge.ts +0 -13
- package/src/schemas/components/button.ts +0 -24
- package/src/schemas/components/buttons.ts +0 -4
- package/src/schemas/components/card.ts +0 -43
- package/src/schemas/components/cards.ts +0 -4
- package/src/schemas/components/channel.ts +0 -13
- package/src/schemas/components/channels.ts +0 -4
- package/src/schemas/components/footer.ts +0 -17
- package/src/schemas/components/global.ts +0 -16
- package/src/schemas/components/header.ts +0 -19
- package/src/schemas/components/heading.ts +0 -3
- package/src/schemas/components/icon.ts +0 -3
- package/src/schemas/components/image.ts +0 -23
- package/src/schemas/components/images.ts +0 -4
- package/src/schemas/components/link.ts +0 -16
- package/src/schemas/components/links.ts +0 -4
- package/src/schemas/components/list.ts +0 -3
- package/src/schemas/components/logo.ts +0 -3
- package/src/schemas/components/menu.ts +0 -15
- package/src/schemas/components/price.ts +0 -3
- package/src/schemas/components/rating.ts +0 -15
- package/src/schemas/components/section.ts +0 -15
- package/src/schemas/components/sections.ts +0 -3
- package/src/schemas/components/sidebar.ts +0 -15
- package/src/schemas/components/social.ts +0 -3
- package/src/schemas/components/socials.ts +0 -4
- package/src/schemas/components/subheader.ts +0 -9
- package/src/schemas/components/tagline.ts +0 -3
- package/src/schemas/components/text.ts +0 -3
- package/src/schemas/components/themer.ts +0 -3
- package/src/schemas/components/toc.ts +0 -3
- package/src/schemas/components/writeup.ts +0 -20
- package/src/schemas/imageSchema.ts +0 -12
- package/src/schemas/pageSchema.ts +0 -94
- package/src/schemas/presetSchema.ts +0 -3
- package/src/schemas/utils/categories.ts +0 -3
- package/src/schemas/utils/component.ts +0 -17
- package/src/schemas/utils/navigation.ts +0 -8
- package/src/types/global-props.ts +0 -16
- package/src/utils/_archive/Childmorphic.ts +0 -8
- package/src/utils/_archive/getAllCollections.ts +0 -10
- package/src/utils/_archive/getCollectionCascade.ts +0 -33
- package/src/utils/_archive/getPathname.ts +0 -18
- package/src/utils/_archive/mergeEntries.ts +0 -28
- package/src/utils/_archive/staticPageSchema.ts +0 -124
- package/src/utils/_archive/transform/transform.ts +0 -25
- package/src/utils/_archive/transform/transformCasing.ts +0 -24
- package/src/utils/_archive/transform/transformReferences.ts +0 -54
- package/src/utils/_archive/transform/transformSelfs.ts +0 -20
- package/src/utils/_archive/transform/transformUnderscores.ts +0 -19
- package/src/utils/getDeepReferenceChildren.ts +0 -14
- package/src/utils/getFolderChildren.ts +0 -18
- package/src/utils/getReferenceChildren.ts +0 -14
- package/src/utils/getSiblingPages.ts +0 -14
- package/src/utils/setTheme.ts +0 -18
- /package/{src → public}/images/anti-slip-profiles.webp +0 -0
- /package/{src → public}/images/avatar-1.jpeg +0 -0
- /package/{src → public}/images/avatar-2.jpeg +0 -0
- /package/{src → public}/images/avatar-3.jpeg +0 -0
- /package/{src → public}/images/avatar-4.jpeg +0 -0
- /package/{src → public}/images/avatar-placeholder.jpg +0 -0
- /package/{src → public}/images/block-code.png +0 -0
- /package/{src → public}/images/component-code.png +0 -0
- /package/{src → public}/images/favicon.svg +0 -0
- /package/{src → public}/images/fulldev-ui.webp +0 -0
- /package/{src → public}/images/lavis-detailing.webp +0 -0
- /package/{src → public}/images/leren-trainingsacteren.webp +0 -0
- /package/{src → public}/images/logo-1.svg +0 -0
- /package/{src → public}/images/logo-2.svg +0 -0
- /package/{src → public}/images/logo-basic.svg +0 -0
- /package/{src → public}/images/logo-simple.svg +0 -0
- /package/{src → public}/images/logo-thin.svg +0 -0
- /package/{src → public}/images/logo.svg +0 -0
- /package/{src → public}/images/logofat.svg +0 -0
- /package/{src → public}/images/miele-witgoedcenter-amsterdam.webp +0 -0
- /package/{src → public}/images/og-image.png +0 -0
- /package/{src → public}/images/placeholder-center.webp +0 -0
- /package/{src → public}/images/placeholder-landscape-dark.png +0 -0
- /package/{src → public}/images/placeholder-landscape.webp +0 -0
- /package/{src → public}/images/placeholder-portrait.webp +0 -0
- /package/{src → public}/images/placeholder-right.webp +0 -0
- /package/{src → public}/images/placeholder.webp +0 -0
- /package/{src → public}/images/sloepverhuur-bolsward.webp +0 -0
- /package/{src → public}/images/stark-vulcanising-products.webp +0 -0
- /package/{src → public}/images/the-gym-haren.webp +0 -0
- /package/{src → public}/images/van-dillen-antieke-bouwmaterialen.webp +0 -0
- /package/src/components/{LocaleSwitcher.astro → _LocaleSwitcher.astro} +0 -0
- /package/src/{components → structures}/Carousel.astro +0 -0
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
_block: Content7
|
|
4
3
|
title: Input
|
|
5
4
|
---
|
|
6
5
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
|
|
6
|
+
import Props from 'fulldev-ui/components/docs/Props.astro'
|
|
10
7
|
|
|
11
8
|
```astro live
|
|
12
9
|
---
|
|
@@ -24,7 +21,7 @@ import Input from 'fulldev-ui/components/Input.astro'
|
|
|
24
21
|
|
|
25
22
|
## Props
|
|
26
23
|
|
|
27
|
-
<
|
|
24
|
+
<Props />
|
|
28
25
|
|
|
29
26
|
## Examples
|
|
30
27
|
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
_block: Content7
|
|
4
3
|
title: Label
|
|
5
4
|
---
|
|
6
5
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
|
|
6
|
+
import Props from 'fulldev-ui/components/docs/Props.astro'
|
|
10
7
|
|
|
11
8
|
```astro live
|
|
12
9
|
---
|
|
@@ -18,7 +15,7 @@ import Label from 'fulldev-ui/components/Label.astro'
|
|
|
18
15
|
|
|
19
16
|
## Props
|
|
20
17
|
|
|
21
|
-
<
|
|
18
|
+
<Props />
|
|
22
19
|
|
|
23
20
|
## Examples
|
|
24
21
|
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
_block: Content7
|
|
4
3
|
title: Link
|
|
5
4
|
---
|
|
6
5
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
|
|
6
|
+
import Props from 'fulldev-ui/components/docs/Props.astro'
|
|
10
7
|
|
|
11
8
|
```astro live
|
|
12
9
|
---
|
|
@@ -18,7 +15,7 @@ import Link from 'fulldev-ui/components/Link.astro'
|
|
|
18
15
|
|
|
19
16
|
## Props
|
|
20
17
|
|
|
21
|
-
<
|
|
18
|
+
<Props />
|
|
22
19
|
|
|
23
20
|
## Examples
|
|
24
21
|
|
|
@@ -1,29 +1,22 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
_block: Content7
|
|
4
3
|
title: Links
|
|
4
|
+
description: A utility component for displaying multiple links.
|
|
5
5
|
---
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
|
|
7
|
+
import Props from 'fulldev-ui/components/docs/Props.astro'
|
|
10
8
|
|
|
11
9
|
```astro live
|
|
12
10
|
---
|
|
13
11
|
import Links from 'fulldev-ui/components/Links.astro'
|
|
14
12
|
---
|
|
15
13
|
|
|
16
|
-
<Links
|
|
17
|
-
links={[
|
|
18
|
-
{ text: 'First', href: '#' },
|
|
19
|
-
{ text: 'Second', href: '#' },
|
|
20
|
-
]}
|
|
21
|
-
/>
|
|
14
|
+
<Links links={[{ text: 'First' }, { text: 'Second' }]} />
|
|
22
15
|
```
|
|
23
16
|
|
|
24
17
|
## Props
|
|
25
18
|
|
|
26
|
-
<
|
|
19
|
+
<Props />
|
|
27
20
|
|
|
28
21
|
## Examples
|
|
29
22
|
|
|
@@ -34,13 +27,7 @@ import Links from 'fulldev-ui/components/Links.astro'
|
|
|
34
27
|
import Links from 'fulldev-ui/components/Links.astro'
|
|
35
28
|
---
|
|
36
29
|
|
|
37
|
-
<Links
|
|
38
|
-
direction="column"
|
|
39
|
-
links={[
|
|
40
|
-
{ text: 'First', href: '#' },
|
|
41
|
-
{ text: 'Second', href: '#' },
|
|
42
|
-
]}
|
|
43
|
-
/>
|
|
30
|
+
<Links direction="column" links={[{ text: 'First' }, { text: 'Second' }]} />
|
|
44
31
|
```
|
|
45
32
|
|
|
46
33
|
### `variant`
|
|
@@ -50,21 +37,9 @@ import Links from 'fulldev-ui/components/Links.astro'
|
|
|
50
37
|
import Links from 'fulldev-ui/components/Links.astro'
|
|
51
38
|
---
|
|
52
39
|
|
|
53
|
-
<Links
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
{ text: 'First', href: '#' },
|
|
57
|
-
{ text: 'Second', href: '#' },
|
|
58
|
-
]}
|
|
59
|
-
/>
|
|
60
|
-
|
|
61
|
-
<Links
|
|
62
|
-
variant="muted"
|
|
63
|
-
links={[
|
|
64
|
-
{ text: 'First', href: '#' },
|
|
65
|
-
{ text: 'Second', href: '#' },
|
|
66
|
-
]}
|
|
67
|
-
/>
|
|
40
|
+
<Links variant="primary" links={[{ text: 'First' }, { text: 'Second' }]} />
|
|
41
|
+
|
|
42
|
+
<Links variant="muted" links={[{ text: 'First' }, { text: 'Second' }]} />
|
|
68
43
|
```
|
|
69
44
|
|
|
70
45
|
### `size`
|
|
@@ -74,27 +49,9 @@ import Links from 'fulldev-ui/components/Links.astro'
|
|
|
74
49
|
import Links from 'fulldev-ui/components/Links.astro'
|
|
75
50
|
---
|
|
76
51
|
|
|
77
|
-
<Links
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
]}
|
|
83
|
-
/>
|
|
84
|
-
|
|
85
|
-
<Links
|
|
86
|
-
size="md"
|
|
87
|
-
links={[
|
|
88
|
-
{ text: 'First', href: '#' },
|
|
89
|
-
{ text: 'Second', href: '#' },
|
|
90
|
-
]}
|
|
91
|
-
/>
|
|
92
|
-
|
|
93
|
-
<Links
|
|
94
|
-
size="lg"
|
|
95
|
-
links={[
|
|
96
|
-
{ text: 'First', href: '#' },
|
|
97
|
-
{ text: 'Second', href: '#' },
|
|
98
|
-
]}
|
|
99
|
-
/>
|
|
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' }]} />
|
|
100
57
|
```
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
_block: Content7
|
|
4
3
|
title: List
|
|
5
4
|
---
|
|
6
5
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
|
|
6
|
+
import Props from 'fulldev-ui/components/docs/Props.astro'
|
|
10
7
|
|
|
11
8
|
```astro live
|
|
12
9
|
---
|
|
@@ -18,7 +15,7 @@ import List from 'fulldev-ui/components/List.astro'
|
|
|
18
15
|
|
|
19
16
|
## Props
|
|
20
17
|
|
|
21
|
-
<
|
|
18
|
+
<Props />
|
|
22
19
|
|
|
23
20
|
## Examples
|
|
24
21
|
|
|
@@ -1,37 +1,24 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
_block: Content7
|
|
4
3
|
title: Logo
|
|
5
4
|
---
|
|
6
5
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
|
|
6
|
+
import Props from 'fulldev-ui/components/docs/Props.astro'
|
|
10
7
|
|
|
11
8
|
```astro live
|
|
12
9
|
---
|
|
13
10
|
import Logo from 'fulldev-ui/components/Logo.astro'
|
|
14
11
|
---
|
|
15
12
|
|
|
16
|
-
<Logo
|
|
13
|
+
<Logo
|
|
14
|
+
image={{
|
|
15
|
+
src: '/favicon/android-chrome-512x512.png',
|
|
16
|
+
alt: 'Logo Fulldev UI',
|
|
17
|
+
}}
|
|
18
|
+
text="Fulldev UI"
|
|
19
|
+
/>
|
|
17
20
|
```
|
|
18
21
|
|
|
19
22
|
## Props
|
|
20
23
|
|
|
21
|
-
<
|
|
22
|
-
|
|
23
|
-
## Examples
|
|
24
|
-
|
|
25
|
-
### `variant`
|
|
26
|
-
|
|
27
|
-
### `size`
|
|
28
|
-
|
|
29
|
-
```astro live
|
|
30
|
-
---
|
|
31
|
-
import Logo from 'fulldev-ui/components/Logo.astro'
|
|
32
|
-
---
|
|
33
|
-
|
|
34
|
-
<Logo size="sm" id="favicon.svg" company="Fulldev UI" />
|
|
35
|
-
<Logo size="md" id="favicon.svg" company="Fulldev UI" />
|
|
36
|
-
<Logo size="lg" id="favicon.svg" company="Fulldev UI" />
|
|
37
|
-
```
|
|
24
|
+
<Props />
|
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
_block: Content7
|
|
4
3
|
title: Menu
|
|
5
4
|
---
|
|
6
5
|
|
|
7
|
-
import
|
|
8
|
-
import Card from 'fulldev-ui/
|
|
9
|
-
|
|
10
|
-
# Menu
|
|
11
|
-
|
|
12
|
-
<aside>This component is experimental and likely to change</aside>
|
|
6
|
+
import Props from 'fulldev-ui/components/docs/Props.astro'
|
|
7
|
+
import Card from 'fulldev-ui/structures/Card.astro'
|
|
13
8
|
|
|
14
9
|
```astro live
|
|
15
10
|
---
|
|
@@ -17,30 +12,14 @@ import Menu from 'fulldev-ui/components/Menu.astro'
|
|
|
17
12
|
---
|
|
18
13
|
|
|
19
14
|
<Menu
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
heading: 'First',
|
|
23
|
-
links: [
|
|
24
|
-
{ text: 'First', href: '#' },
|
|
25
|
-
{ text: 'Second', href: '#' },
|
|
26
|
-
{ text: 'Third', href: '#' },
|
|
27
|
-
],
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
heading: 'Second',
|
|
31
|
-
links: [
|
|
32
|
-
{ text: 'First', href: '#' },
|
|
33
|
-
{ text: 'Second', href: '#' },
|
|
34
|
-
{ text: 'Third', href: '#' },
|
|
35
|
-
],
|
|
36
|
-
},
|
|
37
|
-
]}
|
|
15
|
+
heading="Heading"
|
|
16
|
+
links={[{ text: 'First' }, { text: 'Second' }, { text: 'Third' }]}
|
|
38
17
|
/>
|
|
39
18
|
```
|
|
40
19
|
|
|
41
20
|
## Props
|
|
42
21
|
|
|
43
|
-
<
|
|
22
|
+
<Props />
|
|
44
23
|
|
|
45
24
|
## Examples
|
|
46
25
|
|
|
@@ -53,38 +32,17 @@ import Menu from 'fulldev-ui/components/Menu.astro'
|
|
|
53
32
|
|
|
54
33
|
<Menu
|
|
55
34
|
size="sm"
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
heading: 'First',
|
|
59
|
-
links: [
|
|
60
|
-
{ text: 'First', href: '#' },
|
|
61
|
-
{ text: 'Second', href: '#' },
|
|
62
|
-
],
|
|
63
|
-
},
|
|
64
|
-
]}
|
|
35
|
+
heading="First"
|
|
36
|
+
links={[{ text: 'First' }, { text: 'Second' }]}
|
|
65
37
|
/>
|
|
66
38
|
<Menu
|
|
67
39
|
size="md"
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
heading: 'First',
|
|
71
|
-
links: [
|
|
72
|
-
{ text: 'First', href: '#' },
|
|
73
|
-
{ text: 'Second', href: '#' },
|
|
74
|
-
],
|
|
75
|
-
},
|
|
76
|
-
]}
|
|
40
|
+
heading="First"
|
|
41
|
+
links={[{ text: 'First' }, { text: 'Second' }]}
|
|
77
42
|
/>
|
|
78
43
|
<Menu
|
|
79
44
|
size="lg"
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
heading: 'First',
|
|
83
|
-
links: [
|
|
84
|
-
{ text: 'First', href: '#' },
|
|
85
|
-
{ text: 'Second', href: '#' },
|
|
86
|
-
],
|
|
87
|
-
},
|
|
88
|
-
]}
|
|
45
|
+
heading="First"
|
|
46
|
+
links={[{ text: 'First' }, { text: 'Second' }]}
|
|
89
47
|
/>
|
|
90
48
|
```
|
|
@@ -1,24 +1,21 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
_block: Content7
|
|
4
3
|
title: Paragraph
|
|
5
4
|
---
|
|
6
5
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
|
|
6
|
+
import Props from 'fulldev-ui/components/docs/Props.astro'
|
|
10
7
|
|
|
11
8
|
```astro live
|
|
12
9
|
---
|
|
13
10
|
import Paragraph from 'fulldev-ui/components/Paragraph.astro'
|
|
14
11
|
---
|
|
15
12
|
|
|
16
|
-
<Paragraph>The quick brown fox jumps
|
|
13
|
+
<Paragraph>The quick brown fox jumps</Paragraph>
|
|
17
14
|
```
|
|
18
15
|
|
|
19
16
|
## Props
|
|
20
17
|
|
|
21
|
-
<
|
|
18
|
+
<Props />
|
|
22
19
|
|
|
23
20
|
## Examples
|
|
24
21
|
|
|
@@ -29,15 +26,11 @@ import Paragraph from 'fulldev-ui/components/Paragraph.astro'
|
|
|
29
26
|
import Paragraph from 'fulldev-ui/components/Paragraph.astro'
|
|
30
27
|
---
|
|
31
28
|
|
|
32
|
-
<Paragraph size="
|
|
33
|
-
|
|
34
|
-
</Paragraph>
|
|
35
|
-
<Paragraph size="
|
|
36
|
-
|
|
37
|
-
</Paragraph>
|
|
38
|
-
<Paragraph size="lg">
|
|
39
|
-
The quick brown fox jumps over the lazy dog because he is quick
|
|
40
|
-
</Paragraph>
|
|
29
|
+
<Paragraph size="xl">The quick brown fox jumps</Paragraph>
|
|
30
|
+
<Paragraph size="lg">The quick brown fox jumps</Paragraph>
|
|
31
|
+
<Paragraph size="md">The quick brown fox jumps</Paragraph>
|
|
32
|
+
<Paragraph size="sm">The quick brown fox jumps</Paragraph>
|
|
33
|
+
<Paragraph size="xs">The quick brown fox jumps</Paragraph>
|
|
41
34
|
```
|
|
42
35
|
|
|
43
36
|
### `text`
|
|
@@ -47,5 +40,5 @@ import Paragraph from 'fulldev-ui/components/Paragraph.astro'
|
|
|
47
40
|
import Paragraph from 'fulldev-ui/components/Paragraph.astro'
|
|
48
41
|
---
|
|
49
42
|
|
|
50
|
-
<Paragraph text="The quick brown fox jumps
|
|
43
|
+
<Paragraph text="The quick brown fox jumps" />
|
|
51
44
|
```
|
|
@@ -1,50 +1,33 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
_block: Content7
|
|
4
3
|
title: Rating
|
|
5
4
|
---
|
|
6
5
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
|
|
6
|
+
import Props from 'fulldev-ui/components/docs/Props.astro'
|
|
10
7
|
|
|
11
8
|
```astro live
|
|
12
9
|
---
|
|
13
10
|
import Rating from 'fulldev-ui/components/Rating.astro'
|
|
14
11
|
---
|
|
15
12
|
|
|
16
|
-
<Rating avatar="avatar-1.jpeg" text="John Doe"
|
|
13
|
+
<Rating avatar="avatar-1.jpeg" text="John Doe" score={4.5} />
|
|
17
14
|
```
|
|
18
15
|
|
|
19
16
|
## Props
|
|
20
17
|
|
|
21
|
-
<
|
|
18
|
+
<Props />
|
|
22
19
|
|
|
23
20
|
## Examples
|
|
24
21
|
|
|
25
|
-
### `
|
|
26
|
-
|
|
27
|
-
```astro live
|
|
28
|
-
---
|
|
29
|
-
import Rating from 'fulldev-ui/components/Rating.astro'
|
|
30
|
-
---
|
|
31
|
-
|
|
32
|
-
<Rating
|
|
33
|
-
avatars={['avatar-1.jpeg', 'avatar-2.jpeg', 'avatar-3.jpeg', 'avatar-4.jpeg']}
|
|
34
|
-
text="4.92 out of 236 reviews"
|
|
35
|
-
value={4.92}
|
|
36
|
-
/>
|
|
37
|
-
```
|
|
38
|
-
|
|
39
|
-
### `value`
|
|
22
|
+
### `score`
|
|
40
23
|
|
|
41
24
|
```astro live
|
|
42
25
|
---
|
|
43
26
|
import Rating from 'fulldev-ui/components/Rating.astro'
|
|
44
27
|
---
|
|
45
28
|
|
|
46
|
-
<Rating
|
|
47
|
-
<Rating
|
|
29
|
+
<Rating score={3} />
|
|
30
|
+
<Rating score={5} />
|
|
48
31
|
```
|
|
49
32
|
|
|
50
33
|
### `size`
|
|
@@ -54,24 +37,7 @@ import Rating from 'fulldev-ui/components/Rating.astro'
|
|
|
54
37
|
import Rating from 'fulldev-ui/components/Rating.astro'
|
|
55
38
|
---
|
|
56
39
|
|
|
57
|
-
<Rating
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
text="4.92 out of 236 reviews"
|
|
61
|
-
value={4.92}
|
|
62
|
-
/>
|
|
63
|
-
|
|
64
|
-
<Rating
|
|
65
|
-
size="md"
|
|
66
|
-
avatars={['avatar-1.jpeg', 'avatar-2.jpeg', 'avatar-3.jpeg', 'avatar-4.jpeg']}
|
|
67
|
-
text="4.92 out of 236 reviews"
|
|
68
|
-
value={4.92}
|
|
69
|
-
/>
|
|
70
|
-
|
|
71
|
-
<Rating
|
|
72
|
-
size="lg"
|
|
73
|
-
avatars={['avatar-1.jpeg', 'avatar-2.jpeg', 'avatar-3.jpeg', 'avatar-4.jpeg']}
|
|
74
|
-
text="4.92 out of 236 reviews"
|
|
75
|
-
value={4.92}
|
|
76
|
-
/>
|
|
40
|
+
<Rating size="sm" score={4.92} />
|
|
41
|
+
<Rating size="md" score={4.92} />
|
|
42
|
+
<Rating size="lg" score={4.92} />
|
|
77
43
|
```
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
_block: Content7
|
|
4
3
|
title: Select
|
|
5
4
|
---
|
|
6
5
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
|
|
6
|
+
import Props from 'fulldev-ui/components/docs/Props.astro'
|
|
10
7
|
|
|
11
8
|
```astro live
|
|
12
9
|
---
|
|
@@ -22,7 +19,7 @@ import Select from 'fulldev-ui/components/Select.astro'
|
|
|
22
19
|
|
|
23
20
|
## Props
|
|
24
21
|
|
|
25
|
-
<
|
|
22
|
+
<Props />
|
|
26
23
|
|
|
27
24
|
## Examples
|
|
28
25
|
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
_block: Content7
|
|
4
3
|
title: Social
|
|
5
4
|
---
|
|
6
5
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
|
|
6
|
+
import Props from 'fulldev-ui/components/docs/Props.astro'
|
|
10
7
|
|
|
11
8
|
```astro live
|
|
12
9
|
---
|
|
@@ -18,7 +15,7 @@ import Social from 'fulldev-ui/components/Social.astro'
|
|
|
18
15
|
|
|
19
16
|
## Props
|
|
20
17
|
|
|
21
|
-
<
|
|
18
|
+
<Props />
|
|
22
19
|
|
|
23
20
|
## Examples
|
|
24
21
|
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
_block: Content7
|
|
4
3
|
title: Socials
|
|
4
|
+
description: A utility component for displaying multiple socials.
|
|
5
5
|
---
|
|
6
6
|
|
|
7
7
|
# Socials
|
|
8
8
|
|
|
9
|
-
import
|
|
9
|
+
import Props from 'fulldev-ui/components/docs/Props.astro'
|
|
10
10
|
|
|
11
11
|
```astro live
|
|
12
12
|
---
|
|
@@ -25,7 +25,7 @@ import Socials from 'fulldev-ui/components/Socials.astro'
|
|
|
25
25
|
|
|
26
26
|
## Props
|
|
27
27
|
|
|
28
|
-
<
|
|
28
|
+
<Props />
|
|
29
29
|
|
|
30
30
|
## Examples
|
|
31
31
|
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
_block: Content7
|
|
4
3
|
title: Switch
|
|
5
4
|
---
|
|
6
5
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
|
|
6
|
+
import Props from 'fulldev-ui/components/docs/Props.astro'
|
|
10
7
|
|
|
11
8
|
```astro live
|
|
12
9
|
---
|
|
@@ -18,7 +15,7 @@ import Switch from 'fulldev-ui/components/Switch.astro'
|
|
|
18
15
|
|
|
19
16
|
## Props
|
|
20
17
|
|
|
21
|
-
<
|
|
18
|
+
<Props />
|
|
22
19
|
|
|
23
20
|
## Examples
|
|
24
21
|
|
|
@@ -1,14 +1,9 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
_block: Content7
|
|
4
3
|
title: Tagline
|
|
5
4
|
---
|
|
6
5
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
Text in primary color above a heading.
|
|
10
|
-
|
|
11
|
-
import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
|
|
6
|
+
import Props from 'fulldev-ui/components/docs/Props.astro'
|
|
12
7
|
|
|
13
8
|
```astro live
|
|
14
9
|
---
|
|
@@ -20,7 +15,7 @@ import Tagline from 'fulldev-ui/components/Tagline.astro'
|
|
|
20
15
|
|
|
21
16
|
## Props
|
|
22
17
|
|
|
23
|
-
<
|
|
18
|
+
<Props />
|
|
24
19
|
|
|
25
20
|
## Examples
|
|
26
21
|
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
_block: Content7
|
|
4
3
|
title: Textarea
|
|
5
4
|
---
|
|
6
5
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
|
|
6
|
+
import Props from 'fulldev-ui/components/docs/Props.astro'
|
|
10
7
|
|
|
11
8
|
```astro live
|
|
12
9
|
---
|
|
@@ -18,7 +15,7 @@ import Textarea from 'fulldev-ui/components/Textarea.astro'
|
|
|
18
15
|
|
|
19
16
|
## Props
|
|
20
17
|
|
|
21
|
-
<
|
|
18
|
+
<Props />
|
|
22
19
|
|
|
23
20
|
## Examples
|
|
24
21
|
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
title:
|
|
2
|
+
_block: Content7
|
|
3
|
+
title: Using components
|
|
4
4
|
---
|
|
5
5
|
|
|
6
|
-
# Components
|
|
7
|
-
|
|
8
|
-
Features shared across components.
|
|
9
|
-
|
|
10
6
|
## Slots versus props
|
|
11
7
|
|
|
12
8
|
You can use either slots or props. Props are recommended as they are type safe and work better in combination with content collections.
|
|
@@ -34,7 +30,7 @@ import Button from 'fulldev-ui/components/Button.astro'
|
|
|
34
30
|
---
|
|
35
31
|
|
|
36
32
|
<Button text="With content" />
|
|
37
|
-
<Button
|
|
38
|
-
<Button
|
|
33
|
+
<Button show={true} />
|
|
34
|
+
<Button show={false} />
|
|
39
35
|
<Button />
|
|
40
36
|
```
|