Skip to content

Commit

Permalink
prettier
Browse files Browse the repository at this point in the history
  • Loading branch information
joshwooding committed Jul 27, 2020
1 parent 0a6b1f1 commit cc38c64
Show file tree
Hide file tree
Showing 2 changed files with 25 additions and 25 deletions.
48 changes: 24 additions & 24 deletions docs/src/pages/components/tree-view/DisabledTreeItems.js
Original file line number Diff line number Diff line change
Expand Up @@ -15,15 +15,15 @@ const useStyles = makeStyles((theme) => ({
},
actions: {
marginBottom: theme.spacing(1),
}
},
}));

export default function FileSystemNavigator() {
const classes = useStyles();
const [focusDisabledItems, setFocusDisabledItems] = React.useState(false);
const handleToggle = (event) => {
setFocusDisabledItems(event.target.checked);
}
};

return (
<div className={classes.root}>
Expand All @@ -39,30 +39,30 @@ export default function FileSystemNavigator() {
label="Focus disabled items"
/>
</div>
<TreeView
defaultCollapseIcon={<ExpandMoreIcon />}
defaultExpandIcon={<ChevronRightIcon />}
disabledItemsFocusable={focusDisabledItems}
multiSelect
>
<TreeItem nodeId="1" label="One">
<TreeItem nodeId="2" label="Two" />
<TreeItem nodeId="3" label="Three" />
<TreeItem nodeId="4" label="Four" />
</TreeItem>
<TreeItem nodeId="5" label="Five" disabled>
<TreeItem nodeId="6" label="Six" />
</TreeItem>
<TreeItem nodeId="7" label="Seven">
<TreeItem nodeId="8" label="Eight" />
<TreeItem nodeId="9" label="Nine">
<TreeItem nodeId="10" label="Ten">
<TreeItem nodeId="11" label="Eleven" />
<TreeItem nodeId="12" label="Twelve" />
<TreeView
defaultCollapseIcon={<ExpandMoreIcon />}
defaultExpandIcon={<ChevronRightIcon />}
disabledItemsFocusable={focusDisabledItems}
multiSelect
>
<TreeItem nodeId="1" label="One">
<TreeItem nodeId="2" label="Two" />
<TreeItem nodeId="3" label="Three" />
<TreeItem nodeId="4" label="Four" />
</TreeItem>
<TreeItem nodeId="5" label="Five" disabled>
<TreeItem nodeId="6" label="Six" />
</TreeItem>
<TreeItem nodeId="7" label="Seven">
<TreeItem nodeId="8" label="Eight" />
<TreeItem nodeId="9" label="Nine">
<TreeItem nodeId="10" label="Ten">
<TreeItem nodeId="11" label="Eleven" />
<TreeItem nodeId="12" label="Twelve" />
</TreeItem>
</TreeItem>
</TreeItem>
</TreeItem>
</TreeView>
</TreeView>
</div>
);
}
2 changes: 1 addition & 1 deletion docs/src/pages/components/tree-view/tree-view.md
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ const data = {

{{"demo": "pages/components/tree-view/DisabledTreeItems.js"}}

The behaviour of disabled tree items depends on the `disabledItemsFocusable` prop.
The behaviour of disabled tree items depends on the `disabledItemsFocusable` prop.

If it is false:

Expand Down

0 comments on commit cc38c64

Please sign in to comment.