Struct NavProps 

pub struct NavProps {
    pub pills: bool,
    pub tabs: bool,
    pub underline: bool,
    pub fill: bool,
    pub justified: bool,
    pub vertical: bool,
    pub tag: String,
    pub class: String,
    pub children: Element,
    /* private fields */
}

Bootstrap Nav component — standalone navigation (not inside a Navbar).

Bootstrap HTML → Dioxus

<!-- Bootstrap HTML -->
<ul class="nav nav-pills nav-fill">
  <li class="nav-item"><a class="nav-link active" href="#">Home</a></li>
  <li class="nav-item"><a class="nav-link" href="#">Profile</a></li>
  <li class="nav-item"><a class="nav-link disabled">Disabled</a></li>
</ul>

rsx! {
    Nav { pills: true, fill: true,
        NavItem { NavLink { active: true, "Home" } }
        NavItem { NavLink { "Profile" } }
        NavItem { NavLink { disabled: true, "Disabled" } }
    }
    // Tabs style
    Nav { tabs: true, /* ... */ }
    // Underline style
    Nav { underline: true, /* ... */ }
    // Vertical with pills
    Nav { pills: true, vertical: true, /* ... */ }
}

Props

• pills — pill style
• tabs — tab style
• underline — underline style
• fill — fill available width
• justified — equal-width items
• vertical — vertical layout

Fields

pills: bool

Use pill style.

tabs: bool

Use tab style.

underline: bool

Use underline style.

fill: bool

Fill available width equally.

justified: bool

Justify items to fill width (equal-width items).

vertical: bool

Vertical layout.

tag: String

Nav element. Empty (the default) renders <ul>, whose children are NavItems wrapping NavLinks; "nav" renders <nav class="nav"> and takes NavLink/NavButton children directly, with no NavItem layer.

Bootstrap documents both forms, and the choice is not cosmetic: .nav is a flex container, so the two put different elements in flow. A vertical nav whose items carry their own spacing or an active-state border lays out differently once an <li> sits between the container and the link. Convert an existing <nav class="nav"> to this, not to the <ul> default.

class: String

Additional CSS classes.

children: Element

Child elements (NavItems, or NavLinks directly when tag is "nav").

Implementations

impl NavProps

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

Create a builder for building NavProps. On the builder, call .pills(...)(optional), .tabs(...)(optional), .underline(...)(optional), .fill(...)(optional), .justified(...)(optional), .vertical(...)(optional), .tag(...)(optional), .class(...)(optional), .attributes(...)(optional), .children(...)(optional) to set the values of the fields. Finally, call .build() to create the instance of NavProps.

Trait Implementations

impl Clone for NavProps

fn clone(&self) -> NavProps

Returns a duplicate of the value.

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

Performs copy-assignment from source.

impl PartialEq for NavProps

fn eq(&self, other: &NavProps) -> bool

Equality operator ==.

fn ne(&self, other: &Rhs) -> bool

Inequality operator !=.

impl Properties for NavProps

where Self: Clone,

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

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 NavProps