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-xl block appearance-none text-base sm:text-sm py-2.5 h-10 leading-[1.375rem] pl-4 pr-4 bg-neutral-900 border-neutral-800 hover:border-neutral-700 text-white placeholder-neutral-500 focus:border-blue-500/50 focus:ring-1 focus:ring-blue-500/30 focus:outline-none disabled:opacity-50 mr-4 transition-colors",
    },
    variants: {},
    defaultVariants: {},
});