Skip to content

Bottom Navigation

Bottom Navigation components are used to provide a navigation menu at the bottom of the screen, typically for mobile applications. They allow users to switch between different sections of the app easily.

Loading Code Block...

To get started, install Butterfly DS via aqua:

Loading Code Block...
Loading Code Block...

PropsDefaultTypeDescription
items[]ArrayAn array of objects representing the navigation items. Each object should have properties like `name`, `icon`, `href`, and `active`.
onClick-functionA function that is called when a navigation item is clicked. It receives the index of the clicked item as an argument.
icon
icon icon icon icon