<textarea name="input-invalid" id="invalid" placeholder="placeholder" class="form-textarea form-textarea-invalid">invalid text</textarea>
<textarea
name="{{name}}"
id="{{id}}"
placeholder="{{placeholder}}"
class="form-textarea {{modifier}}"
{{#if disabled}}disabled{{/if}}
>{{value}}</textarea>
{
"modifier": "form-textarea-invalid",
"disabled": false,
"name": "input-invalid",
"id": "invalid",
"placeholder": "placeholder",
"value": "invalid text"
}
.form-textarea {
@apply h-36 w-72;
&:focus {
@apply border-black;
}
&[disabled] {
@apply bg-black-100;
}
}
.form-textarea-invalid {
@apply border-red text-red;
&:focus {
@apply border-red;
}
}
.form-textarea-valid {
@apply border-green text-green;
&:focus {
@apply border-green;
}
}
No notes defined.