Content Classname
The contentClassName
prop is used to add custom class for the content area of the submenu. This is useful for styling the content area of the submenu.
Props
contentClassName?: string
Example
/vertical-menu/submenu/content-classname
Source Code
'use client'
// Component Imports
import VerticalNav, { Menu, MenuItem, SubMenu } from '@menu/vertical-menu'
const ContentClassName = () => {
return (
<VerticalNav customBreakpoint='200px'>
<Menu>
<SubMenu label='Dashboards' contentClassName='this-is-custom-content-class'>
<MenuItem>Analytics</MenuItem>
<MenuItem>eCommerce</MenuItem>
</SubMenu>
<SubMenu label='User'>
<MenuItem>List</MenuItem>
<SubMenu label='View'>
<MenuItem>Overview</MenuItem>
<MenuItem>Security</MenuItem>
<MenuItem>Notifications</MenuItem>
</SubMenu>
</SubMenu>
<SubMenu label='Menu Level'>
<MenuItem>Menu Level 2.1</MenuItem>
<SubMenu label='Menu Level 2.2'>
<MenuItem>Menu Level 3.1</MenuItem>
<MenuItem>Menu Level 3.2</MenuItem>
</SubMenu>
</SubMenu>
</Menu>
</VerticalNav>
)
}
export default ContentClassName