Struct Card 

pub struct Card { /* private fields */ }

A container component with styling variants.

Example

fn app() -> impl IntoElement {
    Card::new()
        .width(Size::percent(75.))
        .height(Size::percent(75.))
        .child("Hello, World!")
}

Preview

Implementations

impl Card

pub fn new() -> Card

pub fn get_layout_variant(&self) -> &CardLayoutVariant

Get the current layout variant.

pub fn get_theme_layout(&self) -> Option<&CardLayoutThemePartial>

Get the layout theme override.

pub fn style_variant(self, style_variant: impl Into<CardStyleVariant>) -> Card

Set the style variant.

pub fn layout_variant( self, layout_variant: impl Into<CardLayoutVariant>, ) -> Card

Set the layout variant.

pub fn hoverable(self, hoverable: impl Into<bool>) -> Card

Set whether the card should respond to hover interactions.

pub fn on_press( self, on_press: impl Into<EventHandler<Event<PressEventData>>>, ) -> Card

Set the press event handler.

pub fn theme_colors(self, theme: CardColorsThemePartial) -> Card

Set custom color theme.

pub fn theme_layout(self, theme: CardLayoutThemePartial) -> Card

Set custom layout theme.

pub fn filled(self) -> Card

Shortcut for Self::style_variant with CardStyleVariant::Filled.

pub fn outline(self) -> Card

Shortcut for Self::style_variant with CardStyleVariant::Outline.

pub fn compact(self) -> Card

Shortcut for Self::layout_variant with CardLayoutVariant::Compact.

pub fn cursor_icon(self, cursor_icon: impl Into<CursorIcon>) -> Card

Override the cursor icon shown when hovering over this component while hoverable.

Trait Implementations

impl AccessibilityExt for Card

fn get_accessibility_data(&mut self) -> &mut AccessibilityData

Returns a mutable reference to the element’s accessibility data.

fn accessibility(self, accessibility: AccessibilityData) -> Self

Replace all of the element’s accessibility data at once. See AccessibilityData.

fn a11y_id(self, a11y_id: impl Into<Option<NodeId>>) -> Self

Set an explicit accessibility id instead of an autogenerated one. See AccessibilityId.

fn a11y_focusable(self, a11y_focusable: impl Into<Focusable>) -> Self

Set whether the element can receive keyboard focus. See Focusable.

fn a11y_auto_focus(self, a11y_auto_focus: impl Into<bool>) -> Self

Request that the element be focused automatically when it is mounted.

fn a11y_member_of(self, a11y_member_of: impl Into<NodeId>) -> Self

Mark the element as a member of the group identified by the given AccessibilityId.

fn a11y_role(self, a11y_role: impl Into<Role>) -> Self

Set the accessibility role exposed in the accessibility tree. See AccessibilityRole.

fn a11y_alt(self, value: impl Into<Box<str>>) -> Self

Set the text label that describes the element in the accessibility tree.

fn a11y_builder(self, with: impl FnOnce(&mut Node)) -> Self

Edit the underlying accesskit node directly for advanced accessibility properties.

impl CardColorsThemePartialExt for Card

fn background(self, background: impl Into<Color>) -> Card

fn hover_background(self, hover_background: impl Into<Color>) -> Card

fn border_fill(self, border_fill: impl Into<Color>) -> Card

fn color(self, color: impl Into<Color>) -> Card

fn shadow(self, shadow: impl Into<Color>) -> Card

impl CardLayoutThemePartialExt for Card

fn corner_radius(self, corner_radius: impl Into<CornerRadius>) -> Card

fn padding(self, padding: impl Into<Gaps>) -> Card

impl ChildrenExt for Card

fn get_children(&mut self) -> &mut Vec<Element>

Returns a mutable reference to the internal children vector.

fn children(self, children: impl IntoIterator<Item = Element>) -> Self

Extends the children with an iterable of Elements.

fn maybe_child<C>(self, child: Option<C>) -> Self

where C: IntoElement,

Appends a child only when the Option is Some.

fn child<C>(self, child: C) -> Self

where C: IntoElement,

Appends a single child element.

impl Clone for Card

fn clone(&self) -> Card

Returns a duplicate of the value.

fn clone_from(&mut self, source: &Self)

Performs copy-assignment from source.

impl Component for Card

fn render(&self) -> impl IntoElement

fn render_key(&self) -> DiffKey

impl ContainerExt for Card

fn position(self, position: impl Into<Position>) -> Self

Set how the element is placed relative to its parent or the window. See Position.

fn padding(self, padding: impl Into<Gaps>) -> Self

Set the inner spacing between the element’s edges and its content. See Gaps.

fn margin(self, margin: impl Into<Gaps>) -> Self

Set the outer spacing between the element’s edges and its surroundings. See Gaps.

fn min_width(self, minimum_width: impl Into<Size>) -> Self

Set the minimum width the element can shrink to. See Size.

fn min_height(self, minimum_height: impl Into<Size>) -> Self

Set the minimum height the element can shrink to. See Size.

fn max_width(self, maximum_width: impl Into<Size>) -> Self

Set the maximum width the element can grow to. See Size.

fn max_height(self, maximum_height: impl Into<Size>) -> Self

Set the maximum height the element can grow to. See Size.

fn visible_width(self, visible_width: impl Into<VisibleSize>) -> Self

Set how much of the measured width is actually used in layout. See VisibleSize.

fn visible_height(self, visible_height: impl Into<VisibleSize>) -> Self

Set how much of the measured height is actually used in layout. See VisibleSize.

impl CornerRadiusExt for Card

fn with_corner_radius(self, corner_radius: f32) -> Card

Round all four corners to the given radius in pixels.

fn rounded_none(self) -> Self

Shortcut for corner_radius(0.) - removes border radius.

fn rounded(self) -> Self

Shortcut for corner_radius(6.) - default border radius.

fn rounded_sm(self) -> Self

Shortcut for corner_radius(4.) - small border radius.

fn rounded_md(self) -> Self

Shortcut for corner_radius(6.) - medium border radius.

fn rounded_lg(self) -> Self

Shortcut for corner_radius(8.) - large border radius.

fn rounded_xl(self) -> Self

Shortcut for corner_radius(12.) - extra large border radius.

fn rounded_2xl(self) -> Self

Shortcut for corner_radius(16.) - extra large border radius.

fn rounded_3xl(self) -> Self

Shortcut for corner_radius(24.) - extra large border radius.

fn rounded_4xl(self) -> Self

Shortcut for corner_radius(32.) - extra large border radius.

fn rounded_full(self) -> Self

Shortcut for corner_radius(99.) - fully rounded (pill shape).

impl Default for Card

fn default() -> Card

Returns the “default value” for a type.

impl KeyExt for Card

fn write_key(&mut self) -> &mut DiffKey

Returns a mutable reference to the element’s diff key.

fn key(self, key: impl Hash) -> Self

Assign a key derived from any hashable value, used to reconcile elements in dynamic lists.

impl LayoutExt for Card

fn get_layout(&mut self) -> &mut LayoutData

Returns a mutable reference to the element’s layout data.

fn layout(self, layout: LayoutData) -> Self

Replace all of the element’s layout data at once. See LayoutData.

impl PartialEq for Card

fn eq(&self, other: &Card) -> bool

Tests for self and other values to be equal, and is used by ==.

fn ne(&self, other: &Rhs) -> bool

Tests for !=. The default implementation is almost always sufficient, and should not be overridden without very good reason.

impl StructuralPartialEq for Card