Icon
Latty icon mask (реестр приложения).
github.com/fastygo/ui/internal/ui/components/icon
Latty icon mask (реестр приложения).
По умолчанию
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"})
}
Размеры
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
Size · string — xs | sm | md | lg
Class · string — Дополнительные утилиты