Dropdown

Dropdowns are used to display a list of actions or options.

Profile Settings Logout 

/* dropdown-example.blade.php */


<x-dropdown>
    
    <x-slot name="trigger">
        
        <x-button content="Settings" :hasDropdown="true" />


    </x-slot>

        
    <x-dropdown-item as="a" href="#" content="Profile">
        
    <x-dropdown-item as="a" href="#" content="Settings">
        
    <x-dropdown-item as="a" color="red" href="#" content="Logout">


</x-dropdown>

Component API

Dropdown

Prop Description Values
as Change the element tag of the component any
trigger Set the trigger of the dropdown slot
size Change the font size of the component Dependant on theme
color Change the color of the component Dependant on theme
align Change the alignment of the dropdown Dependant on theme

Dropdown Item

Prop Description Values
as Change the element tag of the component any
size Change the font size of the component Dependant on theme
color Change the color of the component Dependant on theme
divider Add a divider to the dropdown item Dependant on theme