mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-07-01 00:24:20 +00:00
fix: edit components
This commit is contained in:
@@ -6,7 +6,7 @@ links:
|
||||
doc: https://react-day-picker.js.org
|
||||
---
|
||||
|
||||
<ComponentPreview name="calendar-demo" description="A calendar" />
|
||||
<ComponentPreview name="calendar-demo" />
|
||||
|
||||
## About
|
||||
|
||||
|
||||
@@ -7,7 +7,7 @@ links:
|
||||
api: https://www.embla-carousel.com/api
|
||||
---
|
||||
|
||||
<ComponentPreview name="carousel-demo" description="A carousel with 5 items." />
|
||||
<ComponentPreview name="carousel-demo" />
|
||||
|
||||
## About
|
||||
|
||||
@@ -82,10 +82,7 @@ import {
|
||||
|
||||
To set the size of the items, you can use the `basis` utility class on the `<CarouselItem />`.
|
||||
|
||||
<ComponentPreview
|
||||
name="carousel-size"
|
||||
description="A carousel showing 3 items at a time."
|
||||
/>
|
||||
<ComponentPreview name="carousel-size" />
|
||||
|
||||
```tsx title="Example" showLineNumbers {4-6}
|
||||
// 33% of the carousel width.
|
||||
@@ -123,10 +120,7 @@ You can always adjust this in your own project if you need to.
|
||||
|
||||
</Callout>
|
||||
|
||||
<ComponentPreview
|
||||
name="carousel-spacing"
|
||||
description="A carousel with custom spacing."
|
||||
/>
|
||||
<ComponentPreview name="carousel-spacing" />
|
||||
|
||||
```tsx title="Example" showLineNumbers /-ml-4/ /pl-4/
|
||||
<Carousel>
|
||||
@@ -152,10 +146,7 @@ You can always adjust this in your own project if you need to.
|
||||
|
||||
Use the `orientation` prop to set the orientation of the carousel.
|
||||
|
||||
<ComponentPreview
|
||||
name="carousel-orientation"
|
||||
description="A vertical carousel"
|
||||
/>
|
||||
<ComponentPreview name="carousel-orientation" />
|
||||
|
||||
```tsx showLineNumbers /vertical | horizontal/
|
||||
<Carousel orientation="vertical | horizontal">
|
||||
|
||||
@@ -7,10 +7,7 @@ links:
|
||||
api: https://www.radix-ui.com/docs/primitives/components/menubar#api-reference
|
||||
---
|
||||
|
||||
<ComponentPreview
|
||||
name="menubar-demo"
|
||||
description="A menu bar with sub menu items."
|
||||
/>
|
||||
<ComponentPreview name="menubar-demo" />
|
||||
|
||||
## Installation
|
||||
|
||||
|
||||
@@ -7,10 +7,7 @@ links:
|
||||
api: https://www.radix-ui.com/docs/primitives/components/navigation-menu#api-reference
|
||||
---
|
||||
|
||||
<ComponentPreview
|
||||
name="navigation-menu-demo"
|
||||
description="A navigation menu with sub navigation."
|
||||
/>
|
||||
<ComponentPreview name="navigation-menu-demo" />
|
||||
|
||||
## Installation
|
||||
|
||||
|
||||
@@ -7,7 +7,7 @@ links:
|
||||
api: https://www.radix-ui.com/docs/primitives/components/progress#api-reference
|
||||
---
|
||||
|
||||
<ComponentPreview name="progress-demo" description="A progress component." />
|
||||
<ComponentPreview name="progress-demo" />
|
||||
|
||||
## Installation
|
||||
|
||||
|
||||
@@ -7,10 +7,7 @@ links:
|
||||
api: https://www.radix-ui.com/docs/primitives/components/scroll-area#api-reference
|
||||
---
|
||||
|
||||
<ComponentPreview
|
||||
name="scroll-area-demo"
|
||||
description="A scroll area component."
|
||||
/>
|
||||
<ComponentPreview name="scroll-area-demo" />
|
||||
|
||||
## Installation
|
||||
|
||||
@@ -71,7 +68,4 @@ import { ScrollArea } from "@/components/ui/scroll-area"
|
||||
|
||||
### Horizontal Scrolling
|
||||
|
||||
<ComponentPreview
|
||||
name="scroll-area-horizontal-demo"
|
||||
description="A scroll area component with horizontal scrolling."
|
||||
/>
|
||||
<ComponentPreview name="scroll-area-horizontal-demo" />
|
||||
|
||||
@@ -6,7 +6,7 @@ links:
|
||||
doc: https://sonner.emilkowal.ski
|
||||
---
|
||||
|
||||
<ComponentPreview name="sonner-demo" description="A toast component." />
|
||||
<ComponentPreview name="sonner-demo" />
|
||||
|
||||
## About
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ description: A responsive table component.
|
||||
component: true
|
||||
---
|
||||
|
||||
<ComponentPreview name="table-demo" description="A table with 5 columns" />
|
||||
<ComponentPreview name="table-demo" />
|
||||
|
||||
## Installation
|
||||
|
||||
|
||||
@@ -7,7 +7,7 @@ links:
|
||||
api: https://www.radix-ui.com/docs/primitives/components/toast#api-reference
|
||||
---
|
||||
|
||||
<ComponentPreview name="toast-demo" description="A toast component." />
|
||||
<ComponentPreview name="toast-demo" />
|
||||
|
||||
## Installation
|
||||
|
||||
|
||||
Reference in New Issue
Block a user