adonisjs-ui/build/src/tv/select.js

[](https://npmjs.com/package/adonisjs-ui) [](https://npm.chart.dev/adonisjs-ui)

import { tv } from "tailwind-variants";
export const select = tv({
    slots: {
        wrapper: "grid gap-2",
        input: "w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-base sm:text-sm py-2 h-10 leading-[1.375rem] pl-3 pr-3 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5 mr-4",
    },
    variants: {},
    defaultVariants: {},
});