textarea · Admiral UI kit

Example

Notes (optional) 0 / 200 Kept in the history.

Laravel

<x-admin::textarea name="g_notes" label="Notes" rows="3" hint="Kept in the history." maxlength="200" counter optional />

Props

Prop	Required	Default	Options
`name`		`null`
`label`		`null`
`hint`		`null`
`error`		`null`
`id`		`null`
`value`		`null`
`rows`		`4`
`optional`		`false`
`required`		`false`
`counter`		`false`
`mono`		`false`

Other attributes, such as wire:model or data-*, pass through to the element.

Other stacks

React and Vue: import { Textarea } from "@admiral/ui-kit/react" (or /vue). See the React and Vue guide.

HTML, for any stack

<div class="adm-field">
            <label class="adm-label" for="g_notes">Notes <span class="adm-label__optional">(optional)</span></label>
        <textarea
         name="g_notes"          id="g_notes"         rows="3"
                         aria-describedby="g_notes-hint g_notes-counter"         class="adm-textarea" maxlength="200"
    ></textarea>
                    <span class="adm-counter " id="g_notes-counter" data-adm-counter="g_notes"  data-max="200" >0 / 200</span>
        <span class="adm-sr-only" aria-live="polite" data-adm-counter-live></span>
    <span class="adm-hint" id="g_notes-hint">Kept in the history.</span>    </div>