# Menu

<figure><img src="https://117397612-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSlG6RrSDmGrQX2xjM6AT%2Fuploads%2FklcUcrOS7aRKMfqcPWBg%2Fimage.png?alt=media&#x26;token=4d4cd265-e862-45d4-b227-5dd68b235fbc" alt=""><figcaption></figcaption></figure>

as you know on the config page you can use a custom menu view for the sidebar of the dashboard so we build a component to make it easy to add a new menu with groups to this custom view

### Use

you can use it like this

```html
<x-menu-group 
    key="users" 
    label="{{__('ALC')}}"
>
    <x-menu-item 
        url="{{ route('admin.users.index') }}" 
        icon="bx bxs-user"
        badge="10"
    >
        {{__('Users')}}
    </x-menu-item>
    <x-menu-item 
        url="{{ route('admin.roles.index') }}" 
        icon="bx bx-lock" 
    >
        {{__('Roles')}}
    </x-menu-item>
</x-menu-group>
```

the group component used to group items together, but you can use menu items direct without a group