Struct TabsProps 

pub struct TabsProps {
    pub active: Signal<usize>,
    pub pills: bool,
    pub color: Option<Color>,
    pub fill: bool,
    pub justified: bool,
    pub vertical: bool,
    pub class: String,
    pub content_class: String,
    pub children: Element,
}

Bootstrap Tabs component — signal-driven, no JavaScript.

Renders standard Bootstrap HTML with separated nav-tabs and tab-content:

<ul class="nav nav-tabs">
  <li class="nav-item"><button class="nav-link active">Home</button></li>
  <li class="nav-item"><button class="nav-link">Profile</button></li>
</ul>
<div class="tab-content border border-top-0 rounded-bottom p-3">
  <div class="tab-pane fade show active">Home content</div>
  <div class="tab-pane fade">Profile content</div>
</div>

Usage

let active = use_signal(|| 0usize);
rsx! {
    Tabs { active: active,
        Tab { label: "Home", index: 0, active: active,
            p { "Home content" }
        }
        Tab { label: "Profile", index: 1, active: active, icon: "person",
            p { "Profile content" }
        }
    }
}

Props

• active — Signal<usize> controlling active tab index
• pills — pill style instead of tabs
• fill — fill available width
• justified — equal-width items
• vertical — vertical tab layout
• content_class — additional CSS classes for the tab-content div

Fields

active: Signal<usize>

Signal controlling the active tab index.

pills: bool

Use pill style instead of tabs.

color: Option<Color>

Active tab color (for pills).

fill: bool

Fill available width.

justified: bool

Justify items equally.

vertical: bool

Vertical tabs layout.

class: String

Additional CSS classes for the nav container.

content_class: String

Additional CSS classes for the tab-content container.

children: Element

Child elements (Tab components).

Implementations

impl TabsProps

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

Create a builder for building TabsProps. On the builder, call .active(...), .pills(...)(optional), .color(...)(optional), .fill(...)(optional), .justified(...)(optional), .vertical(...)(optional), .class(...)(optional), .content_class(...)(optional), .children(...)(optional) to set the values of the fields. Finally, call .build() to create the instance of TabsProps.

Trait Implementations

impl Clone for TabsProps

fn clone(&self) -> TabsProps

Returns a duplicate of the value.

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

Performs copy-assignment from source.

impl PartialEq for TabsProps

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

where Self: Clone,

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

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 TabsProps