Koyaka
Patreon

Textarea

Basic Textarea

Preview Code 

    <div class="flex gap-2 items-center flex-wrap">
        <div class="field">
            <textarea class="textarea" placeholder="Type here..."></textarea>
        </div>
        <div class="field">
            <textarea
                class="textarea outlined"
                placeholder="Type here..."
            ></textarea>
        </div>
        <div class="field">
            <textarea
                class="textarea solid"
                placeholder="Type here..."
            ></textarea>
        </div>
    </div>

Textarea Sizes

Preview Code 

    <div class="flex gap-2 items-center flex-wrap">
        <div class="field">
            <textarea class="textarea xs" placeholder="Type here..."></textarea>
        </div>
        <div class="field">
            <textarea class="textarea sm" placeholder="Type here..."></textarea>
        </div>
        <div class="field">
            <textarea class="textarea" placeholder="Type here..."></textarea>
        </div>
        <div class="field">
            <textarea class="textarea lg" placeholder="Type here..."></textarea>
        </div>
        <div class="field">
            <textarea class="textarea xl" placeholder="Type here..."></textarea>
        </div>
    </div>

Textarea Colors

Preview Code 

    <div class="flex gap-2 items-center flex-wrap">
        <div class="field">
            <textarea
                class="textarea primary"
                placeholder="Type here..."
            ></textarea>
        </div>
        <div class="field">
            <textarea
                class="textarea secondary"
                placeholder="Type here..."
            ></textarea>
        </div>
        <div class="field">
            <textarea
                class="textarea accent"
                placeholder="Type here..."
            ></textarea>
        </div>
        <div class="field">
            <textarea
                class="textarea info"
                placeholder="Type here..."
            ></textarea>
        </div>
        <div class="field">
            <textarea
                class="textarea success"
                placeholder="Type here..."
            ></textarea>
        </div>
        <div class="field">
            <textarea
                class="textarea warning"
                placeholder="Type here..."
            ></textarea>
        </div>
        <div class="field">
            <textarea
                class="textarea danger"
                placeholder="Type here..."
            ></textarea>
        </div>
    </div>

Contents