dioxus-icons 0.1.0

Lucide icons for Dioxus, one component per icon.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

use dioxus::prelude::*;
use dioxus_icons::lucide::{Bell, Menu, Search, Settings};

fn main() {
    dioxus::launch(App);
}

#[component]
fn App() -> Element {
    rsx! {
        nav {
            class: "flex items-center gap-3 border-b border-slate-200 px-4 py-3 text-slate-900",
            Menu { size: 20, class: "text-slate-700" }
            strong { class: "mr-auto", "Tailwind Example" }
            Search { size: 18, class: "text-slate-500" }
            Bell { size: 18, class: "text-amber-600" }
            Settings { size: 18, class: "text-slate-600" }
        }
    }
}