This component is responsible for rendering elements on the sidebar navigation.
### Usage
```javascript
import { NavigationElement } from '@adminjs/design-system'
return (
{console.log(event, props)}}
/>
)
```
### Prop types
By default all the data are passed via {@link NavigationElementProps} - check them out below.
### Example
This is a working example of a NavigationElement:
```reactComponent
const MyComponent = () => {
const [isSelected, setIsSelected] = React.useState(false)
const [isOpen, setIsOpen] = React.useState(false)
const icon = 'Activity'
const label = 'Activities'
const onClickHandler = (event) => {
event.preventDefault()
console.log(isOpen)
setIsOpen(!isOpen)
}
return (
{isOpen ? (
some data below. You can also nest NavigationElements
) : ''}
event.preventDefault()}
/>
)
}
return (
)
```