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-3 w-full shadow-xs disabled:shadow-none border rounded-lg bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] resize-none text-base sm:text-sm 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",
    },
    variants: {
        invalid: {
            true: {
                input: "border-red-500",
            },
            false: {
                input: "border-zinc-200 border-b-zinc-300/80 dark:border-white/10",
            },
        },
    },
    defaultVariants: {
        invalid: false,
    },
});