Struct Accordion

pub struct Accordion { /* private fields */ }

Accordion

Accordion is used to group several crate::component::AccordionItem instances together.

See AccordionProps for a listing of properties.

See bootstrap docs for a full demo of accordions

Basic example of using an Accordion

use yew::prelude::*;
use yew_bootstrap::component::{Accordion, AccordionItem};
fn test() -> Html {
    html!{
        <Accordion>
            <AccordionItem title={"Heading 1"}>
                <p>{"Some text inside "}<strong>{"THE BODY"}</strong>{" of the accordion item"}</p>
            </AccordionItem>
            <AccordionItem title={"Heading 2"}>
                <h3>{"Some other text under another accordion"}</h3>
                <button>{"Button with some functionality"}</button>
            </AccordionItem>
        </Accordion>
    }
}

Example of using an Accordion while mapping a list to AccordionItem children

use yew::{prelude::*, virtual_dom::VChild};
use yew_bootstrap::component::{Accordion, AccordionItem};
fn test() -> Html {
    let items = vec![("title1", "body1"), ("title2", "body2")];
    html! {
        <Accordion id="features-and-challenges">
            {
                items.iter().map(|item| {
                    html_nested! {
                        <AccordionItem title={item.0.clone()}>
                            {item.0.clone()}
                        </AccordionItem>
                    }
                }).collect::<Vec<VChild<AccordionItem>>>()
            }
        </Accordion>
    }
}

Trait Implementations

impl BaseComponent for Accordion

where Self: 'static,

type Message = ()

The Component’s Message.

type Properties = AccordionProps

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 Accordion

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

Formats the value using the given formatter.

impl FunctionProvider for Accordion

type Properties = AccordionProps

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.