Skip to main content

Crate plait_heroicons

Crate plait_heroicons 

Source
Expand description

Heroicons as plait components.

§Usage

Icons are organized into four modules, matching the Heroicons styles:

ModuleSizeStyle
outline24pxOutline
solid24pxSolid
mini20pxSolid
micro16pxSolid

Each icon is a component function named in PascalCase after the original SVG filename (e.g. academic-cap.svg becomes AcademicCap).

use plait::component;
use plait_heroicons::outline;

component! {
    pub fn Navbar() {
        nav {
            @outline::BellAlert() {}
            @outline::UserCircle() {}
        }
    }
}

You can use icons from different styles in the same component:

use plait::component;
use plait_heroicons::{solid, mini};

component! {
    pub fn Controls() {
        div {
            @solid::PlayCircle() {}
            @mini::ChevronDown() {}
        }
    }
}

Modules§

micro
16px solid (micro) icons.
mini
20px solid (mini) icons.
outline
24px outline icons.
solid
24px solid icons.