Icon
Latty icon mask (app registry).
github.com/fastygo/ui/internal/ui/components/icon
Latty icon mask (app registry).
Default
import appicon "github.com/fastygo/ui/internal/ui/components/icon"
templ Example() {
@appicon.Icon(appicon.IconProps{Name: "home"})
}
import appicon "github.com/fastygo/ui/internal/ui/components/icon"
templ Example() {
@appicon.Icon(appicon.IconProps{Name: "home"})
}
Sizes
import appicon "github.com/fastygo/ui/internal/ui/components/icon"
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Group(ui.GroupProps{}) {
@appicon.Icon(appicon.IconProps{Name: "settings", Size: "xs", Class: "mr-2"})
@appicon.Icon(appicon.IconProps{Name: "settings", Size: "sm", Class: "mr-2"})
@appicon.Icon(appicon.IconProps{Name: "settings", Size: "md", Class: "mr-2"})
@appicon.Icon(appicon.IconProps{Name: "settings", Size: "lg", Class: "mr-2"})
}
}
import appicon "github.com/fastygo/ui/internal/ui/components/icon"
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Group(ui.GroupProps{}) {
@appicon.Icon(appicon.IconProps{Name: "settings", Size: "xs", Class: "mr-2"})
@appicon.Icon(appicon.IconProps{Name: "settings", Size: "sm", Class: "mr-2"})
@appicon.Icon(appicon.IconProps{Name: "settings", Size: "md", Class: "mr-2"})
@appicon.Icon(appicon.IconProps{Name: "settings", Size: "lg", Class: "mr-2"})
}
}
API
Name · string — Latty icon name
Size · string — xs | sm | md | lg
Class · string — Extra utilities