Button Demo
azemmur/demo-components-buttonFreeComponent
Demo showing a button.
Install it
npx shadcn@latest add https://azemmur.raouf.codes/r/demo-components-button.jsonSource
1import { IconPlus } from '@tabler/icons-react';2import { Button, type ButtonProps } from '@/components/azemmur/components/azemmur/button';34interface ButtonDemoProps {5 intent: ButtonProps['intent'];6 styling: ButtonProps['styling'];7 size: ButtonProps['size'];8 shape: ButtonProps['shape'];9 elevation: ButtonProps['elevation'];10}1112export default function ButtonDemo({13 intent,14 styling,15 size,16 shape,17 elevation,18}: ButtonDemoProps) {19 return (20 <Button21 intent={intent}22 styling={styling}23 size={size}24 shape={shape}25 elevation={elevation}26 >27 {size?.includes('icon') ? <IconPlus /> : 'Click me'}28 </Button>29 );30}
What it pulls in
npm packages
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 |
