Components
    • Animation
    • Barcodes
    • Buttons
    • Charts
    • Common Utilities
    • Conversational UI
    • Data Grid
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBox
    • ListView
    • Mapbeta
    • Notification
    • PDF Processing
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeView
    • Upload
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup
    Changelog

Content Types

The BottomNavigation component allows you to specify icons and text labels for the rendered buttons. You can also choose between horizontal or vertical item flow, which determines if the icon and the text are on the same line or one below the other.

Item Content

To configure the content of the BottomNavigation items, use the following properties in its items collection:

  • icon Sets an icon.
  • text Sets a text label.
Example
View Source
Change Theme:

Item Flow

To configure the flow of the BottomNavigation items, use the itemFlow property.

The possible values are:

  • vertical(Default) Renders the text below the icon.
  • horizontal Renders the text and the icon on the same line.
Example
View Source
Change Theme:

In this article

Not finding the help you need?