
Publicado el
- 2 min read
Templicons: Tabler icons en Templ components
¿Qué es Templicons?
Templicons es la solución de iconos para tus vistas de Templ en Go. Una colección completa de iconos outlined y filled de Tabler icons hecha componentes de Templ. Tan fácil como instalar la librería, y usar el icono que necesites.
Instalación
La instalación la haces a través de go get
go get github.com/sebasvil20/templicons
Uso
Todos los iconos de Tabler Icons están disponibles: tanto su versión outlined como la filled.
Puedes usarlo sin propiedades adicionales o customizarlos a tu gusto
package yourview
import (
"github.com/sebasvil20/templicons/i"
"github.com/sebasvil20/templicons/tabler"
)
templ YourView() {
// with default props
@tabler.Menu2()
// with custom props
@tabler.Menu2(i.Props{
Size: "128",
Class: "text-red-500",
StrokeWidth: "2",
ID: "menu-icon",
AriaLabel: "menu-icon",
})
// You can also use the color constants or the size constans
@tabler.Menu2(i.Props{
Size: i.SizeXS,
Class: i.StrokeWarning,
StrokeWidth: i.StrokeBold,
ID: "menu-icon",
AriaLabel: "menu-icon",
})
}
Los iconos son completamente customizables, compatibles con clases para su control total. Puedes modificar las clases, el tamaño, sumarle un ID o agregar el aria label.
Tienes la documentación completa de su uso en github.com/sebasvil20/templicons
Creditos
No estoy asociado de ninguna manera con Tabler Icons. Esto es solo una colección hecha componentes de Templ para Go.
Repositorio
La librería es 100% código abierto, y puedes validar, contribuir y revisar el código en github.com/sebasvil20/templicons. Si te gusta y lo encuentras útil, ¡no dudes en dejarme una ⭐ en el repo!