TemplDais

Templ Components maded with Tailwind and DaisyUI, 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

  go get github.com/hbourgeot/templdais

Demo

// /path/to/your/file.templ

package templdais

templ Page() {
    <div class="w-full h-full flex justify-center items-center">
    @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 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
• Daisy UI
• Tailwind CSS
• Golang

Authors

• @hbourgeot