From af35560b87700637f5f5c7720ab5efad5cde09bd Mon Sep 17 00:00:00 2001 From: zernonia Date: Sat, 19 Oct 2024 09:51:41 +0200 Subject: [PATCH] chore: add images, docs item --- apps/www/.vitepress/theme/config/docs.ts | 11 ++- .../src/content/docs/components/sidebar.md | 73 ++++++++++++++++++ .../ui/breadcrumb/BreadcrumbSeparator.vue | 2 +- .../blocks/demo-sidebar-controlled-dark.png | Bin 0 -> 50019 bytes .../images/blocks/demo-sidebar-controlled.png | Bin 0 -> 50038 bytes .../images/blocks/demo-sidebar-dark.png | Bin 0 -> 40000 bytes .../blocks/demo-sidebar-footer-dark.png | Bin 0 -> 23391 bytes .../images/blocks/demo-sidebar-footer.png | Bin 0 -> 23321 bytes .../blocks/demo-sidebar-group-action-dark.png | Bin 0 -> 37070 bytes .../blocks/demo-sidebar-group-action.png | Bin 0 -> 37124 bytes .../demo-sidebar-group-collapsible-dark.png | Bin 0 -> 29356 bytes .../blocks/demo-sidebar-group-collapsible.png | Bin 0 -> 29374 bytes .../images/blocks/demo-sidebar-group-dark.png | Bin 0 -> 29012 bytes .../images/blocks/demo-sidebar-group.png | Bin 0 -> 29033 bytes .../blocks/demo-sidebar-header-dark.png | Bin 0 -> 26041 bytes .../images/blocks/demo-sidebar-header.png | Bin 0 -> 25986 bytes .../blocks/demo-sidebar-menu-action-dark.png | Bin 0 -> 46931 bytes .../blocks/demo-sidebar-menu-action.png | Bin 0 -> 46887 bytes .../blocks/demo-sidebar-menu-badge-dark.png | Bin 0 -> 48974 bytes .../images/blocks/demo-sidebar-menu-badge.png | Bin 0 -> 48998 bytes .../demo-sidebar-menu-collapsible-dark.png | Bin 0 -> 47744 bytes .../blocks/demo-sidebar-menu-collapsible.png | Bin 0 -> 47826 bytes .../images/blocks/demo-sidebar-menu-dark.png | Bin 0 -> 45430 bytes .../blocks/demo-sidebar-menu-sub-dark.png | Bin 0 -> 129693 bytes .../images/blocks/demo-sidebar-menu-sub.png | Bin 0 -> 129702 bytes .../images/blocks/demo-sidebar-menu.png | Bin 0 -> 45431 bytes .../images/blocks/demo-sidebar-rsc-dark.png | Bin 0 -> 45430 bytes .../public/images/blocks/demo-sidebar-rsc.png | Bin 0 -> 45431 bytes .../src/public/images/blocks/demo-sidebar.png | Bin 0 -> 39778 bytes .../public/images/blocks/login-01-dark.png | Bin 0 -> 71704 bytes .../www/src/public/images/blocks/login-01.png | Bin 0 -> 71704 bytes .../public/images/blocks/sidebar-01-dark.png | Bin 0 -> 130812 bytes .../src/public/images/blocks/sidebar-01.png | Bin 0 -> 129088 bytes .../public/images/blocks/sidebar-02-dark.png | Bin 0 -> 139217 bytes .../src/public/images/blocks/sidebar-02.png | Bin 0 -> 135880 bytes .../public/images/blocks/sidebar-03-dark.png | Bin 0 -> 141551 bytes .../src/public/images/blocks/sidebar-03.png | Bin 0 -> 140527 bytes .../public/images/blocks/sidebar-04-dark.png | Bin 0 -> 139341 bytes .../src/public/images/blocks/sidebar-04.png | Bin 0 -> 139035 bytes .../public/images/blocks/sidebar-05-dark.png | Bin 0 -> 112448 bytes .../src/public/images/blocks/sidebar-05.png | Bin 0 -> 111164 bytes .../public/images/blocks/sidebar-06-dark.png | Bin 0 -> 90569 bytes .../src/public/images/blocks/sidebar-06.png | Bin 0 -> 89817 bytes .../public/images/blocks/sidebar-07-dark.png | Bin 0 -> 105932 bytes .../src/public/images/blocks/sidebar-07.png | Bin 0 -> 105054 bytes .../public/images/blocks/sidebar-08-dark.png | Bin 0 -> 114901 bytes .../src/public/images/blocks/sidebar-08.png | Bin 0 -> 114686 bytes .../public/images/blocks/sidebar-09-dark.png | Bin 0 -> 240306 bytes .../src/public/images/blocks/sidebar-09.png | Bin 0 -> 236990 bytes .../public/images/blocks/sidebar-10-dark.png | Bin 0 -> 243595 bytes .../src/public/images/blocks/sidebar-10.png | Bin 0 -> 244591 bytes .../public/images/blocks/sidebar-11-dark.png | Bin 0 -> 103634 bytes .../src/public/images/blocks/sidebar-11.png | Bin 0 -> 102847 bytes .../public/images/blocks/sidebar-12-dark.png | Bin 0 -> 110515 bytes .../src/public/images/blocks/sidebar-12.png | Bin 0 -> 100312 bytes .../public/images/blocks/sidebar-13-dark.png | Bin 0 -> 95328 bytes .../src/public/images/blocks/sidebar-13.png | Bin 0 -> 24604 bytes .../public/images/blocks/sidebar-14-dark.png | Bin 0 -> 143486 bytes .../src/public/images/blocks/sidebar-14.png | Bin 0 -> 142005 bytes .../public/images/blocks/sidebar-15-dark.png | Bin 0 -> 260468 bytes .../src/public/images/blocks/sidebar-15.png | Bin 0 -> 250717 bytes .../src/public/images/sidebar-menu-dark.png | Bin 0 -> 39920 bytes apps/www/src/public/images/sidebar-menu.png | Bin 0 -> 40132 bytes .../public/images/sidebar-structure-dark.png | Bin 0 -> 40438 bytes .../src/public/images/sidebar-structure.png | Bin 0 -> 41061 bytes 65 files changed, 79 insertions(+), 7 deletions(-) create mode 100644 apps/www/src/content/docs/components/sidebar.md create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-controlled-dark.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-controlled.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-dark.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-footer-dark.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-footer.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-group-action-dark.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-group-action.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-group-collapsible-dark.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-group-collapsible.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-group-dark.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-group.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-header-dark.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-header.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-menu-action-dark.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-menu-action.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-menu-badge-dark.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-menu-badge.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-menu-collapsible-dark.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-menu-collapsible.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-menu-dark.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-menu-sub-dark.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-menu-sub.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-menu.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-rsc-dark.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar-rsc.png create mode 100644 apps/www/src/public/images/blocks/demo-sidebar.png create mode 100644 apps/www/src/public/images/blocks/login-01-dark.png create mode 100644 apps/www/src/public/images/blocks/login-01.png create mode 100644 apps/www/src/public/images/blocks/sidebar-01-dark.png create mode 100644 apps/www/src/public/images/blocks/sidebar-01.png create mode 100644 apps/www/src/public/images/blocks/sidebar-02-dark.png create mode 100644 apps/www/src/public/images/blocks/sidebar-02.png create mode 100644 apps/www/src/public/images/blocks/sidebar-03-dark.png create mode 100644 apps/www/src/public/images/blocks/sidebar-03.png create mode 100644 apps/www/src/public/images/blocks/sidebar-04-dark.png create mode 100644 apps/www/src/public/images/blocks/sidebar-04.png create mode 100644 apps/www/src/public/images/blocks/sidebar-05-dark.png create mode 100644 apps/www/src/public/images/blocks/sidebar-05.png create mode 100644 apps/www/src/public/images/blocks/sidebar-06-dark.png create mode 100644 apps/www/src/public/images/blocks/sidebar-06.png create mode 100644 apps/www/src/public/images/blocks/sidebar-07-dark.png create mode 100644 apps/www/src/public/images/blocks/sidebar-07.png create mode 100644 apps/www/src/public/images/blocks/sidebar-08-dark.png create mode 100644 apps/www/src/public/images/blocks/sidebar-08.png create mode 100644 apps/www/src/public/images/blocks/sidebar-09-dark.png create mode 100644 apps/www/src/public/images/blocks/sidebar-09.png create mode 100644 apps/www/src/public/images/blocks/sidebar-10-dark.png create mode 100644 apps/www/src/public/images/blocks/sidebar-10.png create mode 100644 apps/www/src/public/images/blocks/sidebar-11-dark.png create mode 100644 apps/www/src/public/images/blocks/sidebar-11.png create mode 100644 apps/www/src/public/images/blocks/sidebar-12-dark.png create mode 100644 apps/www/src/public/images/blocks/sidebar-12.png create mode 100644 apps/www/src/public/images/blocks/sidebar-13-dark.png create mode 100644 apps/www/src/public/images/blocks/sidebar-13.png create mode 100644 apps/www/src/public/images/blocks/sidebar-14-dark.png create mode 100644 apps/www/src/public/images/blocks/sidebar-14.png create mode 100644 apps/www/src/public/images/blocks/sidebar-15-dark.png create mode 100644 apps/www/src/public/images/blocks/sidebar-15.png create mode 100644 apps/www/src/public/images/sidebar-menu-dark.png create mode 100644 apps/www/src/public/images/sidebar-menu.png create mode 100644 apps/www/src/public/images/sidebar-structure-dark.png create mode 100644 apps/www/src/public/images/sidebar-structure.png diff --git a/apps/www/.vitepress/theme/config/docs.ts b/apps/www/.vitepress/theme/config/docs.ts index b18a57d6..691fc07b 100644 --- a/apps/www/.vitepress/theme/config/docs.ts +++ b/apps/www/.vitepress/theme/config/docs.ts @@ -128,12 +128,10 @@ export const docsConfig: DocsConfig = { title: 'Auto Form', href: '/docs/components/auto-form', items: [], - label: 'New', }, { title: 'Charts', href: '/docs/charts', - label: 'New Alpha', items: [], }, ], @@ -141,6 +139,11 @@ export const docsConfig: DocsConfig = { { title: 'Components', items: [ + { + title: 'Sidebar', + href: '/docs/components/sidebar', + label: 'New', + }, { title: 'Accordion', href: '/docs/components/accordion', @@ -178,7 +181,6 @@ export const docsConfig: DocsConfig = { title: 'Calendar', href: '/docs/components/calendar', items: [], - label: 'Updated', }, { title: 'Card', @@ -217,7 +219,6 @@ export const docsConfig: DocsConfig = { title: 'Date Picker', href: '/docs/components/date-picker', items: [], - label: 'Updated', }, { title: 'Dialog', @@ -259,7 +260,6 @@ export const docsConfig: DocsConfig = { { title: 'Number Field', href: '/docs/components/number-field', - label: 'New Alpha', }, { title: 'Pagination', @@ -324,7 +324,6 @@ export const docsConfig: DocsConfig = { { title: 'Stepper', href: '/docs/components/stepper', - label: 'New', }, { title: 'Switch', diff --git a/apps/www/src/content/docs/components/sidebar.md b/apps/www/src/content/docs/components/sidebar.md new file mode 100644 index 00000000..15efbb08 --- /dev/null +++ b/apps/www/src/content/docs/components/sidebar.md @@ -0,0 +1,73 @@ +--- +title: Sheet +description: Extends the Dialog component to display content that complements the main content of the screen. +source: apps/www/src/lib/registry/default/ui/sheet +primitive: https://www.radix-vue.com/components/dialog.html +--- + + + +## Installation + +```bash +npx shadcn-vue@latest add sheet +``` + +## Usage + +```vue + + + +``` + +## Examples + +### Side + +Use the `side` property to `` to indicate the edge of the screen where the component will appear. The values can be `top`, `right`, `bottom` or `left`. + + + +### Size + +You can adjust the size of the sheet using CSS classes: + +```vue:line-numbers {4} + +``` diff --git a/apps/www/src/lib/registry/default/ui/breadcrumb/BreadcrumbSeparator.vue b/apps/www/src/lib/registry/default/ui/breadcrumb/BreadcrumbSeparator.vue index 8b56104b..a9c47fea 100644 --- a/apps/www/src/lib/registry/default/ui/breadcrumb/BreadcrumbSeparator.vue +++ b/apps/www/src/lib/registry/default/ui/breadcrumb/BreadcrumbSeparator.vue @@ -12,7 +12,7 @@ const props = defineProps<{