bottom-navigation-action

v4.9.10arrow_drop_down
v4.9.10
v4.5.2
v3.9.2
STATUS
Passing
DOWNLOADS
1,042
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
4 years ago
SIZE
31 KB
Demos:
2 contributors
Install bottom-navigation-action as a package?
Copied
npm i @bit/mui-org.material-ui.bottom-navigation-action
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.cloud
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
toggle layout
modifieddraft
chevron_left
chevron_right
bottomNavigationAction ()
Properties
NameTypeDescription
children
custom

This prop isn’t supported. Use the component prop if you need to change the children structure.

classes
(required)
object

Override or extend the styles applied to the component. See CSS API below for more details.

className
string
icon
node

The icon element.

label
node

The label element.

onChange
function
onClick
function
selected
bool
showLabel
bool

If true, the BottomNavigationAction will show its label. By default, only the selected BottomNavigationAction inside BottomNavigation will show its label.

value
any

You can provide your own value. Otherwise, we fallback to the child position index.

Help and resources