1<x-dropdown>
2    <x-dropdown.item label="Settings" />
3    <x-dropdown.item label="My Profile" />
4    <x-dropdown.item label="Logout" />
5</x-dropdown>

1<x-dropdown>
2    <x-dropdown.header label="Settings">
3        <x-dropdown.item label="Preferences" />
4        <x-dropdown.item label="My Profile" />
5    </x-dropdown.header>
6 
7    <x-dropdown.item label="Logout" />
8</x-dropdown>

 1<x-dropdown>
 2    <x-dropdown.header label="Settings">
 3        <x-dropdown.item label="Preferences" />
 4        <x-dropdown.item label="My Profile" />
 5    </x-dropdown.header>
 6 
 7    <x-dropdown.item separator label="Help Center" />
 8    <x-dropdown.item label="Live Chat" />
 9    <x-dropdown.item label="Logout" />
10</x-dropdown>

 1<x-dropdown>
 2    <x-dropdown.header label="Settings">
 3        <x-dropdown.item icon="cog" label="Preferences" />
 4        <x-dropdown.item icon="user" label="My Profile" />
 5    </x-dropdown.header>
 6 
 7    <x-dropdown.item separator label="Help Center" />
 8    <x-dropdown.item label="Live Chat" />
 9    <x-dropdown.item label="Logout" />
10</x-dropdown>

1<x-dropdown>
2    <x-slot name="trigger">
3        <x-button label="Options" primary />
4    </x-slot>
5 
6    <x-dropdown.item label="Help Center" />
7    <x-dropdown.item separator label="Live Chat" />
8    <x-dropdown.item separator label="Logout" />
9</x-dropdown>

 1<x-dropdown>
 2    <x-dropdown.item>
 3        <b>Help Center</b>
 4    </x-dropdown.item>
 5    <x-dropdown.item separator>
 6        <b>Live Chat</b>
 7    </x-dropdown.item>
 8    <x-dropdown.item separator>
 9        <b>Logout</b>
10    </x-dropdown.item>
11</x-dropdown>