<textarea name="input-disabled" id="disabled" placeholder="placeholder" class="form-textarea " disabled></textarea>
<textarea
name="{{name}}"
id="{{id}}"
placeholder="{{placeholder}}"
class="form-textarea {{modifier}}"
{{#if disabled}}disabled{{/if}}
>{{value}}</textarea>
{
"modifier": "",
"disabled": true,
"name": "input-disabled",
"id": "disabled",
"placeholder": "placeholder",
"value": ""
}
.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.