AkurAI Build
Menu

Public repository / master

AkurAI-Framework / crates/ui/src/kit/card.rs

Latest change 3aae9f4e85241bcb775c31f5c03094becd3da56a - Pure-Rust UI layer: akurai-ui, akurai-crypto, Tailwind-grade akurai-css by Ólafur Búi Ólafsson

use crate::dom::El;
use crate::html::{div, h3, p};

/// A bordered surface.
pub fn card() -> El {
    div().class("rounded-md border border-border bg-bg-2 text-fg shadow-sm")
}

pub fn card_header() -> El {
    div().class("flex flex-col gap-1.5 p-5")
}

pub fn card_title(text: impl crate::IntoView) -> El {
    h3().class("font-semibold leading-none tracking-tight")
        .child(text)
}

pub fn card_description(text: impl crate::IntoView) -> El {
    p().class("text-sm text-muted").child(text)
}

pub fn card_content() -> El {
    div().class("p-5 pt-0")
}

pub fn card_footer() -> El {
    div().class("flex items-center gap-2 p-5 pt-0")
}