Button Demo
azemmur/demo-primitives-buttonFreeComponent
Demo showing a button.
Install it
npx shadcn@latest add https://azemmur.raouf.codes/r/demo-primitives-button.jsonSource
1import { Button } from '@/components/azemmur/components/primitives/button';23interface ButtonDemoProps {4 hoverScale: number;5 tapScale: number;6}78export default function ButtonDemo({ hoverScale, tapScale }: ButtonDemoProps) {9 return (10 <Button11 key={`${hoverScale}-${tapScale}`}12 hoverScale={hoverScale}13 tapScale={tapScale}14 className="bg-primary text-primary-foreground text-sm font-medium px-4 py-2 h-10"15 >16 Button17 </Button>18 );19}
What it pulls in
Other registry items
Files it writes
More from Azemmur
All 27 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Blur Imagecomponents-blur-image | Azemmur | Components | Free | 1 dep | |
| Buttoncomponents-button | Azemmur | Components | Free | 1 dep | |
| Floating Dockcomponents-floating-dock | Azemmur | Components | Free | 2 deps · 6 files | |
| Speed Dialcomponents-speed-dial | Azemmur | Components | Free | 2 deps · 7 files | |
| Tabscomponents-tabs | Azemmur | Components | Free | 2 deps · 9 files | |
| Theme Switchcomponents-theme-switch | Azemmur | Components | Free | 4 deps | |
| Timelinecomponents-timeline | Azemmur | Components | Free | 2 deps · 8 files | |
| Blur Image Demodemo-components-blur-image | Azemmur | Components | Free | no deps |
