Struct AccordionProps 

pub struct AccordionProps {
    pub open: Signal<Option<usize>>,
    pub flush: bool,
    pub class: String,
    pub children: Element,
    /* private fields */
}

Bootstrap Accordion component — signal-driven, no JavaScript.

Bootstrap HTML → Dioxus

<!-- Bootstrap HTML (requires JavaScript) -->
<div class="accordion">
  <div class="accordion-item">
    <h2 class="accordion-header">
      <button class="accordion-button" data-bs-toggle="collapse">Section 1</button>
    </h2>
    <div class="accordion-collapse collapse show">
      <div class="accordion-body">Content 1</div>
    </div>
  </div>
</div>

// Dioxus equivalent
let open = use_signal(|| Some(0usize));
rsx! {
    Accordion { open: open, flush: true,
        AccordionItem { index: 0, title: "Section 1", open: open,
            p { "Content for section 1" }
        }
        AccordionItem { index: 1, title: "Section 2", open: open,
            p { "Content for section 2" }
        }
    }
}

Props

• open — Signal<Option<usize>> controlling which item is open (None = all closed)
• flush — remove borders and rounded corners

Fields

open: Signal<Option<usize>>

Signal controlling which item is open (None = all closed). For “always open” mode, use AccordionAlwaysOpen instead.

flush: bool

Remove borders and rounded corners.

class: String

Additional CSS classes.

children: Element

Child elements (AccordionItem components).

Implementations

impl AccordionProps

pub fn builder() -> AccordionPropsBuilder<((), (), (), (), ())>

Create a builder for building AccordionProps. On the builder, call .open(...), .flush(...)(optional), .class(...)(optional), .attributes(...)(optional), .children(...)(optional) to set the values of the fields. Finally, call .build() to create the instance of AccordionProps.

Trait Implementations

impl Clone for AccordionProps

fn clone(&self) -> AccordionProps

Returns a duplicate of the value.

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

Performs copy-assignment from source.

impl PartialEq for AccordionProps

fn eq(&self, other: &AccordionProps) -> 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 Properties for AccordionProps

where Self: Clone,

type Builder = AccordionPropsBuilder<((), (), (), (), ())>

The type of the builder for this component. Used to create “in-progress” versions of the props.

fn builder() -> Self::Builder

Create a builder for this component.

fn memoize(&mut self, new: &Self) -> bool

Make the old props equal to the new props. Return if the props were equal and should be memoized.

fn into_vcomponent<M>( self, render_fn: impl ComponentFunction<Self, M>, ) -> VComponent

where M: 'static,

Create a component from the props.

impl StructuralPartialEq for AccordionProps