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

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

import { tv } from "tailwind-variants";
export const textarea = tv({
    slots: {
        wrapper: "",
        input: "block p-4 w-full border rounded-xl bg-neutral-900 resize-none text-base sm:text-sm text-white placeholder-neutral-500 transition-colors hover:border-neutral-700 focus:border-blue-500/50 focus:ring-1 focus:ring-blue-500/30 focus:outline-none disabled:opacity-50",
    },
    variants: {
        invalid: {
            true: {
                input: "border-red-500/50 focus:border-red-500/50 focus:ring-red-500/30",
            },
            false: {
                input: "border-neutral-800",
            },
        },
    },
    defaultVariants: {
        invalid: false,
    },
});