Incular logoIncular
API ReferenceDesign Systems

Card, Divider & Avatar

Themed surfaces with style defaults.

Card

use incular::prelude::*;
use incular::controls_prelude::Card;

fn main() {
    let app = Application::new(|_cx| {
        Container::builder()
            .padding(EdgeInsets::all(24.0))
            .alignment(Alignment::CENTER)
            .child(Card::new(Text::new("Card body")))
            .build()
            .into()
    })
    .expect("valid application");
    incular::run(app).expect("run application");
}

Defaults in build: surface background, 1.5x border radius, 16.0 padding, border_width / border border. CardStyle { background, border, border_radius, padding }.

Divider

Divider::new() with optional style(s); defaults below in the table.

Defaults: border color, 1.0 thickness, 0.0 indents. DividerStyle { color, thickness, indent, end_indent }.

Avatar

use incular::prelude::*;
use incular::controls_prelude::Avatar;

fn main() {
    let app = Application::new(|_cx| {
        Container::builder()
            .padding(EdgeInsets::all(24.0))
            .alignment(Alignment::CENTER)
            .child(
                Avatar::new()
                    .fallback(Text::new("JD"))
                    .label("Jane")
                    .size(32.0),
            )
            .build()
            .into()
    })
    .expect("valid application");
    incular::run(app).expect("run application");
}

Defaults: theme.avatar.size (32), surface_variant, oval clip, SemanticRole::Image, label "Avatar".

SurfaceDefaults
Cardsurface bg, 1.5x radius, 16.0 padding
Dividerborder color, 1.0 thick, 0.0 indents
Avatar32px, surface_variant, oval clip

Related: Meter & Progress, Material Surfaces.

On this page