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

Custom Rendering

The BottomNavigation enables you to override the default rendering of its items or apply modifications on the existing one.

To customize the appearance of the items, use the item property of the BottomNavigation.

The following example demonstrates how to add additional components in the BottomNavigation items such as FloatingActionButton, Icon, and Badge:

Example
View Source
Change Theme:

Item Render Property

To override the default rendering of the whole item, use the itemRender property of the BottomNavigation.

Example
View Source
Change Theme:

In this article

Not finding the help you need?