ะะฝะพะฟะบะธะะพะฒะพะต
ะคะฐะบัััะฝะฐั ะบะฝะพะฟะบะฐ
ะะฝะพะฟะบะฐ ั ะผะฝะพะณะพัะปะพะนะฝะพะน ัะฐะผะบะพะน ะธ ะผัะณะบะธะผ ะณัะฐะดะธะตะฝัะพะผ, ะฟะพั ะพะถะฐั ะฝะฐ ะฝะฐััะพัััั ะบะปะฐะฒะธัั. ะััั ะฒะฐัะธะฐะฝัั ะพัะฝะพะฒะฝะพะน, ะฒัะพัะธัะฝะพะน, ะผะธะฝะธะผะฐะปัะฝะพะน ะธ ะบััะณะปะพะน.
ะะฐัััะพะนะบะธ
color
secondaryColor
highlightColor
ะัะฝะพะฒะฐะฝะพ ะฝะฐ Texture Button (MIT ะปะธัะตะฝะทะธั) ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัะทะพะฒะฐะฝะธั
ะัั ะฒ Pro
ะกะผะพััะตัั ะฒัะตะะฐัะฐะผะตััั
8 ะฟะฐัะฐะผะตััะพะฒ| ะะฐัะฐะผะตัั | ะขะธะฟ | ะะพ ัะผะพะปัะฐะฝะธั | ะะฟะธัะฐะฝะธะต |
|---|---|---|---|
| variant | 'primary' | 'secondary' | 'accent' | 'destructive' | 'minimal' | 'icon' | "primary" | ะกัะธะปั ะบะฝะพะฟะบะธ. |
| size | 'default' | 'sm' | 'lg' | 'icon' | "default" | ะ ะฐะทะผะตั ะบะฝะพะฟะบะธ. |
| asChild | boolean | false | ะัะดะฐัั ััะธะปะธ ะดะพัะตัะฝะตะผั ัะปะตะผะตะฝัั, ะฝะฐะฟัะธะผะตั ัััะปะบะต. |
| children | ReactNode | โ | ะขะตะบัั ะธ ะธะบะพะฝะบะธ ะบะฝะพะฟะบะธ. |
| className | string | โ | ะะพะฟะพะปะฝะธัะตะปัะฝัะต ะบะปะฐััั. |
| color | string | "#f5f5f5" | ะฆะฒะตั ะฟะพะฒะตัั ะฝะพััะธ ะบะฝะพะฟะบะธ. ะขะตะบัั ัะฐะผ ััะฐะฝะพะฒะธััั ััะผะฝัะผ ะธะปะธ ะฑะตะปัะผ. |
| secondaryColor | string | "#d4d4d4" | ะะธะถะฝะธะน ัะฒะตั ะฟะตัะตะปะธะฒะฐ ะธ ะพััะตะฝะพะบ ัะฐะผะบะธ. |
| highlightColor | string | "rgba(255,255,255,0.8)" | ะขะพะฝะบะธะน ะฑะปะธะบ ะฟะพ ะฒะตัั ะฝะตะผั ะบัะฐั. |
ะะฐะฒะธัะธะผะพััะธ
ะะฐะบะตัะพะฒ: 4
npm install @radix-ui/react-slot class-variance-authority clsx tailwind-merge