React Daisy UI Latest Snippets With Custom Snippets by SKILLHUB
The most popular component library component library
for Tailwind CSS daisyUI adds component class names to Tailwind CSS so you can make beautiful websites faster than ever.
Daisy UI Usage
| Purpose |
Shortcut |
| Alert (primary) |
dalert |
| Button |
dbtn |
| Button (outline) |
dbtnout |
| Button (close) |
dbtnclose |
| Button (icon) |
dbtnicon |
| Dropdown |
ddropdown |
| Dropdown (hover) |
ddrophover |
| Modal |
dmodal |
| Swap |
dswap |
| Accordion |
daccr |
| Avatar |
davatar |
| Avatar Mask |
davatarmask |
| Avatar Ring |
davatarring |
| Cadge |
dbadge |
| Card |
dcard |
| Card Side Image |
dcardside |
| Chat |
dchat |
| Collapse |
dcollapse |
| Count Down |
dcount |
| Loading |
dloading |
| Progress |
dprogress |
| Stat |
dstat |
| Stat With Button |
dstatbg |
| Table |
dtable |
| Tooltip |
dtooltip |
| Checkbox |
dcheckbox |
| File |
dfile |
| Radio |
dradio |
| Range |
drange |
| Rating |
drating |
| Rating Mask |
dratingmask |
| Select |
dselect |
| Input |
dinput |
| Textarea |
dtextarea |
| Toggle |
dtoggle |
| Divider |
ddivider |
| Drawer |
ddrawer |
| footer |
dfooter |
| hero |
dhero |
| Indicator |
dindi |
| Button Group |
dgtngroup |
| Bottom nav |
dbotnav |
| Menu |
dmenu |
| Navbar |
dnavbar |
| Step |
dstep |
| Browser |
dbrowser |
| Code |
dcode |
| Mobile |
dmobile |
| Window |
dwindow |
Installation
- Install Visual Studio Code 1.10.0 or higher
- Launch Code
- From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
- Select Install Extension
- Choose the extension
- Reload Visual Studio Code
Roadmap
- More Custom Snippets
- Ecommerce Pages
| |
