Dock

DaisyUI

Dock (also known as Bottom navigation or Bottom bar) is a UI element that provides navigation options to the user. Dock sticks to the bottom of the screen.

<meta name="viewport" content="viewport-fit=cover"> is required for responsiveness of the dock in iOS.

Dock in Various Sizes

Extra Small

Small

Medium

Large

Extra Large

Code Example

use rsxui::components::{Dock, DockItem};

use rsx_macros::rsx;

let html = rsx! {

    <Dock>

        <DockItem label="Home">

            <svg class="size-[1.2em]" ...>"..."</svg>

        </DockItem>

        <DockItem active={true} label="Inbox">

            <svg class="size-[1.2em]" ...>"..."</svg>

        </DockItem>

        <DockItem label="Settings">

            <svg class="size-[1.2em]" ...>"..."</svg>

        </DockItem>

    </Dock>

};

RsxUI

DaisyUI Components for Rust

Star our GitHub

Created by Isak Rickyanto@2026