--- title: Dock desc: Dock (also know 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. source: https://raw.githubusercontent.com/saadeghi/daisyui/refs/heads/master/packages/daisyui/src/components/dock.css layout: components classnames: component: - class: dock desc: Dock part: - class: dock-label desc: Text label for Dock Item modifier: - class: dock-active desc: Makes the Dock Item look active size: - class: dock-xs desc: Extra Small Dock - class: dock-sm desc: Small Dock - class: dock-md desc: Medium Dock default: true - class: dock-lg desc: Large Dock - class: dock-xl desc: Extra Large Dock --- > :INFO: > > `` is required for responsivness of the dock in iOS. ### ~Dock

```html

``` ### ~Dock Extra Small size

```html

``` ### ~Dock Small size

```html

``` ### ~Dock Medium size

```html

``` ### ~Dock Large size

```html

``` ### ~Dock Extra Large size

```html

``` ### ~Dock with custom colors

```html

```