Struct Card 

pub struct Card { /* private fields */ }

Card component

Container for a Card, a component generally used for dynamic display of items in a grid pattern. Takes any item as child, but most often body items, image items, or a flush ListGroup.

See CardProps for a list of properties.

Examples

With header and footer text:

use yew::prelude::*;
use yew_bootstrap::component::card::*;
fn test() -> Html {
  html! {
    <Card>
        <CardHeader>{"Card Head"}</CardHeader>
        <CardBody>{"Body text"}</CardBody>
        <CardFooter>{"Card Foot"}</CardFooter>
    </Card>
  }
}

With a top image and image description, instead:

use yew::prelude::*;
use yew_bootstrap::component::card::*;
fn test() -> Html {
  html! {
    <Card>
        <CardImage variant={ImageVariant::Top} src="imgsrc.jpg"/>
        <CardBody>{"Image description"}</CardBody>
    </Card>
  }
}

Setting the body property, everything is implicitly wrapped in a CardBody:

use yew::prelude::*;
use yew_bootstrap::component::card::*;
fn test() -> Html {
  html! {
    <Card body=true>
        {"Body text, great for simple cards"}
    </Card>
  }
}

Trait Implementations

impl BaseComponent for Card

where Self: 'static,

type Message = ()

The Component’s Message.

type Properties = CardProps

The Component’s Properties.

fn create(ctx: &Context<Self>) -> Self

Creates a component.

fn update(&mut self, _ctx: &Context<Self>, _msg: Self::Message) -> bool

Updates component’s internal state.

fn changed( &mut self, _ctx: &Context<Self>, _old_props: &Self::Properties, ) -> bool

React to changes of component properties.

fn view(&self, ctx: &Context<Self>) -> HtmlResult

Returns a component layout to be rendered.

fn rendered(&mut self, _ctx: &Context<Self>, _first_render: bool)

Notified after a layout is rendered.

fn destroy(&mut self, _ctx: &Context<Self>)

Notified before a component is destroyed.

fn prepare_state(&self) -> Option<String>

Prepares the server-side state.

impl Debug for Card

fn fmt(&self, f: &mut Formatter<'_>) -> Result

Formats the value using the given formatter.

impl FunctionProvider for Card

type Properties = CardProps

Properties for the Function Component.

fn run(ctx: &mut HookContext, props: &Self::Properties) -> HtmlResult

Render the component. This function returns the Html to be rendered for the component.