Inicio 🧑🏼‍💻 Juanse Tech
img of Templicons: Tabler icons en Templ components

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!

Juanse

Hey 👋🏻! Este artículo fue escrito por Juanse

Un adicto a escribir software que tiene pasión por la enseñanza 🧑🏼‍💻

Si te gusto el artículo o te fue útil, no dudes de compartirlo 😃