https://github.com/henrriusdev/templdais
Daisy UI Templ Components
https://github.com/henrriusdev/templdais
css daisyui go golang kit tailwindcss temp templ template ui uikit
Last synced: 10 months ago
JSON representation
Daisy UI Templ Components
- Host: GitHub
- URL: https://github.com/henrriusdev/templdais
- Owner: henrriusdev
- License: mit
- Created: 2024-04-14T04:39:16.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-25T03:58:13.000Z (almost 2 years ago)
- Last Synced: 2024-08-30T17:51:10.582Z (almost 2 years ago)
- Topics: css, daisyui, go, golang, kit, tailwindcss, temp, templ, template, ui, uikit
- Language: templ
- Homepage:
- Size: 171 KB
- Stars: 8
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# TemplDais
[Templ Components](https://github.com/a-h/templ) maded with [Tailwind](https://tailwindcss.com) and [DaisyUI](https://daisyui.com), for easy use.
## Badges
## Features
- Components ready to use.
- Includes Types as `Links`, `Attributes` and more.
- Color and size customizable.
## Installation
Install the UI with `go get`
```bash
go get github.com/henrriusdev/templdais
```
## Demo
```gohtml
// /path/to/your/file.templ
package templdais
templ Page() {
@Button("primary", "button", "sm", "circle"){
This works!
}
}
```
Here, the arguments are:
1. The value `primary` is for the **brand color**.
2. The value `button` is for the **HTML Tag**.
3. `sm` is the size.
4. `circle` is the shape of the button, can be `square` or `circle`.
## Roadmap
[DaisyUI](https://daisyui.com) Components ported to TemplDais:
### Added 2024/04/14
- Button
- Dropdown
- Modal
- Kbd
- Breadcrumbs
- Checkbox
- Radio
- Accordion
- Badge
- Card (responsive card for now)
### Added 2024/04/15
- Table
- Navbar
- Pagination
- Toast
- File Input
- Range
- Select
- Text input
- Textarea
- Code
### Added 2024/04/19
- Alert
- Divider
- Menu
### Added 2024/04/27
- Bottom navigation
- Progress
- Tooltip
Comming soon:
- A Documentation web of *TemplDais* is incoming soon (in development)
- I've plained to use or create a Icons Kit for *TemplDais*, for now, you must provide the url of the icons (svg)
And next (not my priority):
- [ ] Chat bubble
- [ ] Toggle
- [ ] Drawer
- [ ] Collapse
- [ ] Stat
- [ ] Avatar
- [ ] Advanced pagination
Not implementable (yet):
- Countdown & Radial Progress (sorry, templ doesn´t allows dynamic style attribute for set `--value` css variable)
- Tab (it needs a tabs and tabpanel, maybe in a long future I'll work on this)
- Timeline (for now, it includes many features that I can´t do it myself yet)
- Indicator (it is a section with a badge... implement yourself)
## Acknowledgements
- [Templ](https://github.com/a-h/templ)
- [Daisy UI](https://daisyui.com)
- [Tailwind CSS](https://tailwindcss.com)
- [Golang](https://go.dev)
## Authors
- [@hbourgeot](https://www.github.com/hbourgeot)