/
githubmirror
/
ui
Обзор
Документация
Войти
/
githubmirror
/
ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
apps/v4/examples/base/button-size.tsx
40 строк
1 KB
shadcn
fix: refactor styles (#10190)
26 мар 2026, 13:36
Не верифицирован
26 мар 2026, 13:36
7d718dd
Код
Авторство
О чём код?
import { ArrowUpRightIcon } from "lucide-react" import { Button } from "@/styles/base-nova/ui/button" 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 </Button> <Button size="icon-sm" aria-label="Submit" variant="outline"> <ArrowUpRightIcon /> </Button> </div> <div className="flex items-start gap-2"> <Button variant="outline">Default</Button> <Button size="icon" aria-label="Submit" variant="outline"> <ArrowUpRightIcon /> </Button> </div> <div className="flex items-start gap-2"> <Button variant="outline" size="lg"> Large </Button> <Button size="icon-lg" aria-label="Submit" variant="outline"> <ArrowUpRightIcon /> </Button> </div> </div> ) }