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".
| Surface | Defaults |
|---|---|
Card | surface bg, 1.5x radius, 16.0 padding |
Divider | border color, 1.0 thick, 0.0 indents |
Avatar | 32px, surface_variant, oval clip |
Related: Meter & Progress,
Material Surfaces.