Streamline the Laravel SaaS Starter Kit - Launch Your Next SaaS Today

Dropdown

Show/hide content beneath a button

Tag: x-turbine-ui-dropdown 
<x-t-dropdown target="default" class="z-10">
    <x-t-button>Default Dropdown</x-t-button>
    <x-slot:content>
        <x-turbine-ui-list-group border="false" class="p-0">
            <x-turbine-ui-nav-link prefix="<i class='fa-solid fa-home'></i>" size="sm">Home</x-turbine-ui-nav-link>
            <x-turbine-ui-nav-link prefix="<i class='fa-solid fa-user'></i>" size="sm">About</x-turbine-ui-nav-link>
            <x-turbine-ui-nav-link prefix="<i class='fa-solid fa-envelope'></i>" size="sm">Contact</x-turbine-ui-nav-link>
            <x-turbine-ui-nav-link prefix="<i class='fa-solid fa-pencil'></i>" size="sm">Blog</x-turbine-nav-ui-link>
        </x-turbine-ui-list-group>
    </x-slot:content>
</x-t-dropdown>

Attributes

Name Type Options Description
accent boolean Adds an accent
border boolean Adds a border
ring boolean Adds a ring
rounded boolean Adds a rounded corner
shadow boolean Adds a shadow
size string Size is used to control styles such as margin, padding and font size. Extensible via the theme.
variant string A variant is like a colour palette
Theme