## Feature Examples

### Width
- description: Control divider's width with `fullWidth` prop. Default value is `false`.
- example:
```jsx
<StorybookComponents.Stack flexDirection="column">
  <SidebarDividerNext />
  <SidebarDividerNext fullWidth />
</StorybookComponents.Stack>;
```

## Common Use Case Examples

### Navigation split into groups
- description: Split actions into the groups using `SidebarDividerNext`.
- example:
```jsx
() => {
  const [selectedKey, setSelectedKey] = React.useState('2');

  return (
    <Box height="170px">
      <SidebarNext isLoading={false} selectedKey={selectedKey}>
        <SidebarItemNext itemKey="1" onClick={() => setSelectedKey('1')}>
          Home
        </SidebarItemNext>
        <SidebarItemNext itemKey="2" onClick={() => setSelectedKey('2')}>
          Stores
        </SidebarItemNext>
        <SidebarItemNext itemKey="3" onClick={() => setSelectedKey('3')}>
          Contacts
        </SidebarItemNext>
        <SidebarDividerNext />{' '}
        <SidebarItemNext itemKey="4" onClick={() => setSelectedKey('4')}>
          Settings
        </SidebarItemNext>
      </SidebarNext>
    </Box>
  );
};
```