Icon
A wrapper for Lucide Icons with optional settings for size, color, fill, stroke, and custom classes. Browse available icons in the Lucide library to see what you can use.
TailwindCSS
package showcase
import "github.com/axzilla/templui/icons"
templ IconDefault() {
@icons.User()
}
Usage
@icons.ArrowRight(icons.IconProps{Size: "24", Color: "text-primary"})Examples
Colored
package showcase
import "github.com/axzilla/templui/icons"
templ IconColored() {
@icons.Heart(icons.IconProps{Size: 24, Color: "red"})
}
Filled
package showcase
import "github.com/axzilla/templui/icons"
templ IconFilled() {
@icons.Triangle(icons.IconProps{Size: 24, Fill: "orange", Stroke: "orange"})
}
Sizes
package showcase
import "github.com/axzilla/templui/icons"
templ IconSizes() {
<div class="flex flex-wrap gap-2">
@icons.House()
@icons.House(icons.IconProps{Size: 32})
@icons.House(icons.IconProps{Size: 48})
</div>
}