flowbite-svelte/dist/dropdown/theme.js

Flowbite components for Svelte

import { tv } from "tailwind-variants";
export const dropdown = tv({
    base: "mt-2 divide-y divide-gray-300 dark:divide-gray-500 overflow-hidden rounded-lg bg-white shadow-sm dark:bg-gray-700"
});
export const dropdownDivider = tv({
    base: "my-1 h-px bg-gray-100 dark:bg-gray-500"
});
export const dropdownHeader = tv({
    base: "px-4 py-3 text-sm text-gray-900 dark:text-white"
});
export const dropdownItem = tv({
    slots: {
        base: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",
        active: "block px-4 py-2 text-primary-700 dark:text-primary-600 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",
        li: ""
    }
});
export const dropdownGroup = tv({
    base: "py-2 text-sm text-gray-700 dark:text-gray-200"
});