Grid

Rust UI Icons - ChevronLeftRust UI Icons - ChevronRight

Rust UI component that displays a grid.

  • Rust UI Icons - CopyCopy Demo

Card Title

Hello, this is a more detailed description of the card content. You can add more text here to provide additional information about the card's purpose, features, or any other relevant details that might interest the viewer.

Card Title

Hello, this is a more detailed description of the card content. You can add more text here to provide additional information about the card's purpose, features, or any other relevant details that might interest the viewer.

Card Title

Hello, this is a more detailed description of the card content. You can add more text here to provide additional information about the card's purpose, features, or any other relevant details that might interest the viewer.

use leptos::prelude::*;

use crate::components::demos::demo_card::DemoCard;
use crate::components::ui::grid::Grid3;

#[component]
pub fn DemoGrid() -> impl IntoView {
    view! {
        <Grid3>
            <DemoCard />
            <DemoCard />
            <DemoCard />
        </Grid3>
    }
}

Installation

You can run either of the following commands:

# cargo install ui-cli --force
ui add demo_grid
ui add grid

Update the imports to match your project setup.

Copy and paste the following code into your project:

components/ui/grid.rs

use leptos::prelude::*;
use leptos_ui::clx;

mod components {
    use super::*;
    clx! {Grid3, div, "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3"}
}

pub use components::*;

Update the imports to match your project setup.

Usage

// Coming soon 🦀
Rust UI Icons - ChevronLeftFaqHeadingsRust UI Icons - ChevronRight