Struct TabListProps 

pub struct TabListProps {
    pub active: Signal<usize>,
    pub tabs: Vec<TabDef>,
    pub pills: bool,
    pub class: String,
    pub content_class: String,
}

A simpler Tabs API using TabDef structs instead of child components.

This produces pixel-perfect Bootstrap HTML with separated <ul> nav and <div class="tab-content"> areas.

let active = use_signal(|| 0usize);
rsx! {
    TabList {
        active: active,
        tabs: vec![
            TabDef { label: "Home".into(), icon: None, content: rsx! { "Home" } },
            TabDef { label: "About".into(), icon: Some("info-circle".into()), content: rsx! { "About" } },
        ],
    }
}

Fields

active: Signal<usize>

Signal controlling the active tab index.

tabs: Vec<TabDef>

Tab definitions.

pills: bool

Use pill style.

class: String

Additional CSS classes for the nav.

content_class: String

Additional CSS classes for the tab content area.

Implementations

impl TabListProps

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

Create a builder for building TabListProps. On the builder, call .active(...), .tabs(...), .pills(...)(optional), .class(...)(optional), .content_class(...)(optional) to set the values of the fields. Finally, call .build() to create the instance of TabListProps.

Trait Implementations

impl Clone for TabListProps

fn clone(&self) -> TabListProps

Returns a duplicate of the value.

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

Performs copy-assignment from source.

impl PartialEq for TabListProps

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

where Self: Clone,

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

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 TabListProps