How to use the @mui-treasury/styles/menuItem/actionToggle/material.useMaterialActionToggleItemStyles function in @mui-treasury/styles

To help you get started, we’ve selected a few @mui-treasury/styles examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github siriwatknp / mui-treasury / website / src / docs / components / menuList / nested / material / MaterialNestedMenuList.js View on Github external
const MaterialNestedMenuList = () => {
  const nestedStyles = useMaterialNestedMenuStyles();
  const actionToggleStyles = useMaterialActionToggleItemStyles();
  const infoStyles = useMaterialInfoMenuItemStyles();
  return (
    
       ({
          children: data.label,
          classes: actionToggleStyles,
          listItemProps: {
            className: nestedStyles.menuItem,
            classes: pick(infoStyles, ['root', 'focusVisible']),
github siriwatknp / mui-treasury / website / src / docs / components / menuList / collapsible / material / MaterialCollapsibleMenuList.js View on Github external
const MaterialCollapsibleMenuList = () => {
  const [selectedKey, setSelectedKey] = React.useState('');
  const actionStyles = useMaterialActionToggleItemStyles();
  const toggleStyles = useMaterialToggleMenuItemStyles();
  const infoStyles = useMaterialInfoMenuItemStyles();
  const extraStyles = useStyles();
  return (
    
       (