BottomNavigation API

Documentação da API para o componente React BottomNavigation . Aprenda sobre as propriedades disponíveis e a API CSS.

Importação

import BottomNavigation from '@mui/material/BottomNavigation';
// ou
import { BottomNavigation } from '@mui/material';

The name MuiBottomNavigation can be used when providing default props or style overrides in the theme.

Propriedades do componente nativo também estão disponíveis.

Nome	Tipo	Padrão	Descrição
children	node		O conteúdo do componente.
classes	object		Sobrescreve ou extende os estilos aplicados para o componente. Veja a API CSS abaixo para maiores detalhes.
component	elementType		The component used for the root node. Either a string to use a HTML element or a component.
onChange	func		Callback fired when the value changes. Signature: `function(event: object, value: any) => void` event: The event source of the callback. Warning: This is a generic event not a change event. value: We default to the index of the child.
showLabels	bool	false	If `true`, all `BottomNavigationAction`s will show their labels. By default, only the selected `BottomNavigationAction` will show its label.
sx	Array<func \| object \| bool> \| func \| object		The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.
value	any		The value of the currently selected `BottomNavigationAction`.

O ref é encaminhado para o elemento raiz.

Nome da regra	Classe global	Descrição
root	.MuiBottomNavigation-root	Estilos aplicados ao elemento raiz.

Você pode sobrescrever o estilo do componente usando uma dessas opções de customização:

Com um nome de classe global.
Com um nome de regra como parte da propriedade styleOverrides do componente em um tema personalizado.