DaisyUI Snippets for VS Code

Visual Studio Code snippets for LATEST DaisyUI 4 components 💦

What's New 🎉

v1.2.0

• Added new components:
  • Timeline (duitimeline)
  • Skeleton (duiskeleton)
  • Image Comparison (duidiff)
  • Theme Controller (duitheme)
  • Join Vertical (duijoin-vertical)
• Added colored loading variants
• Removed SVG icons for better customization
• Fixed indentation issues
• Improved accessibility with ARIA labels

v1.1.0

• Added Support for Vue/Javascript/React
• Initial release with basic components

Features

All snippets start with dui prefix. For example:

• duibtn - Button component
• duicard - Card component
• duimodal - Modal component // ...existing features...

Usage

Type dui and press Ctrl+Space to see all available snippets.

Available Snippets

Prefix	Description
duibtn	Button
duicard	Card
duimodal	Modal
duitimeline	Timeline
duiskeleton	Skeleton
duidiff	Image Comparison
duitheme	Theme Controller
// ...rest of table...

Requirements

• DaisyUI v3.0.0 or higher
• Tailwind CSS v3.0.0 or higher

License

MIT

## Features

![Start writing Code snipped with dui](image.png)

> Supports latest DaisyUI components
> Updated Weekly
> Open Source
> Compatiable with JS,VUE,React.
> Contains 53+ Latest Code snippets from Daisy UI,for blazing fast development ⚡

## Requirements

None

## Extension Settings

None

## Known Issues

None

## Release Notes

Users appreciate release notes as you update your extension.

### 1.0.0

Initial release of Daisy UI Snippets 

### 1.1.0

Added Support for Vue/Javascript/React

---



## For more information

* [Visual Studio Code's Markdown Support](http://code.visualstudio.com/docs/languages/markdown)
* [Markdown Syntax Reference](https://help.github.com/articles/markdown-basics/)

**Enjoy!**