rayan/shadcn-ui
1
0
Fork 0
mirror of https://github.com/shadcn-ui/ui.git synced 2026-06-22 04:05:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
shadcn
2026-01-14 21:37:16 +04:00
parent 7031141cf3
commit 4784f264c5
5 changed files with 20 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/v4/content/docs/components/base/button.mdx
View File

@@ -150,4 +150,4 @@ The `Button` component is a wrapper around the `button` element that adds a vari
| Prop | Type | Default |
| --------- | ----------------------------------------------------------------------------- | ----------- |
| `variant` | `"default" \| "outline" \| "ghost" \| "destructive" \| "secondary" \| "link"` | `"default"` |
| `size` | `"default" \| "sm" \| "lg" \| "icon" \| "icon-sm" \| "icon-lg"` | `"default"` |
| `size` | `"default" \| "xs" \| "sm" \| "lg" \| "icon" \| "icon-xs" \| "icon-sm" \| "icon-lg"` | `"default"` |

2
apps/v4/content/docs/components/radix/button.mdx
View File

@@ -150,5 +150,5 @@ The `Button` component is a wrapper around the `button` element that adds a vari
| Prop | Type | Default |
| --------- | ----------------------------------------------------------------------------- | ----------- |
| `variant` | `"default" \| "outline" \| "ghost" \| "destructive" \| "secondary" \| "link"` | `"default"` |
| `size` | `"default" \| "sm" \| "lg" \| "icon" \| "icon-sm" \| "icon-lg"` | `"default"` |
| `size` | `"default" \| "xs" \| "sm" \| "lg" \| "icon" \| "icon-xs" \| "icon-sm" \| "icon-lg"` | `"default"` |
| `asChild` | `boolean` | `false` |

8
apps/v4/examples/base/button-size.tsx
View File

@@ -4,6 +4,14 @@ import { ArrowUpRightIcon } from "lucide-react"
export default function ButtonSize() {
return (
<div className="flex flex-col items-start gap-8 sm:flex-row">
<div className="flex items-start gap-2">
<Button size="xs" variant="outline">
Extra Small
</Button>
<Button size="icon-xs" aria-label="Submit" variant="outline">
<ArrowUpRightIcon />
</Button>
</div>
<div className="flex items-start gap-2">
<Button size="sm" variant="outline">
Small

8
apps/v4/examples/radix/button-size.tsx
View File

@@ -4,6 +4,14 @@ import { ArrowUpRightIcon } from "lucide-react"
export default function ButtonSize() {
return (
<div className="flex flex-col items-start gap-8 sm:flex-row">
<div className="flex items-start gap-2">
<Button size="xs" variant="outline">
Extra Small
</Button>
<Button size="icon-xs" aria-label="Submit" variant="outline">
<ArrowUpRightIcon />
</Button>
</div>
<div className="flex items-start gap-2">
<Button size="sm" variant="outline">
Small

2
apps/v4/examples/radix/input-otp-pattern.tsx
View File

@@ -1,3 +1,5 @@
"use client"
import { Field, FieldLabel } from "@/examples/radix/ui/field"
import {
InputOTP,