DrawerListItem

This component extends ListItem component of material-ui. It also provide props for routing. See props.

Can't be used outside <Drawer>.

Example

import { List, ListItemIcon, ListItemText } from '@material-ui/core';

import { DrawerListItem } from 'la-danze-ui';

function App() {

return (

...

<DrawerListItem to="/" exact title="Home">

<ListItemIcon>...</ListItemIcon>

<ListItemText primary="Home" />

</DrawerListItem>

...

);

}

Props

Extends ListItem props

Additional props:

Name	Type	Default	Required	Description
title	string		No	The title of the tooltip when drawer is closed.
to	string		Yes	See react-router-dom doc.
exact	boolean		No	See react-router-dom doc.
strict	boolean		No	See react-router-dom doc.
isActive	function		No	See react-router-dom doc. (match: match%3CParams%3E | null, location: Location%3Cunknown%3E): boolean
onActive	function		No	Event fired when active state changes. (active: boolean) => void
animationKey	AnimationKey		No	Use it only if you have nested routes. It will prevent parent route from re rendering.
noRefresh	boolean		No	If set to true it will prevent current route from refreshing on click.
safeOnClick	function		No	Onclick event fired only when there is a route change by clicking on item. noRefresh must be true. (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void