Textarea
AtomÇok satırlı metin giriş alanı. Label, hint, error ve disabled durumları; resize kontrolü destekler.
Max 500 characters
This field is required
<%
var _sz = locals.size || 'md';
var _dis = locals.disabled ? 'disabled' : '';
var _id = locals.id || 'textarea-' + Math.random().toString(36).substr(2, 9);
var _rows = locals.rows || 4;
var sc = {
sm: 'px-2.5 py-1.5 text-sm',
md: 'px-3 py-2 text-sm',
lg: 'px-4 py-3 text-base',
}[_sz] || 'px-3 py-2 text-sm';
var baseInputClass = 'block w-full rounded-md border bg-surface-base text-text-primary placeholder:text-text-disabled focus:outline-none focus:ring-2 focus:ring-border-focus disabled:opacity-50 disabled:cursor-not-allowed transition-colors';
var stateClass = locals.error
? 'border-error ring-1 ring-error bg-error-subtle'
: 'border-border hover:border-border-strong';
%>
<% if (locals.label) { %>
<% } %>
<% if (locals.hint || locals.error) { %>
<%= locals.error || locals.hint %>
<% } %>