UHasselt Component Library

Textarea: Default 

<textarea name="textarea" id="textarea" placeholder="placeholder" class="form-textarea "></textarea>
 
<textarea    
    name="{{name}}"
    id="{{id}}"
    placeholder="{{placeholder}}"
    class="form-textarea {{modifier}}"   
    {{#if disabled}}disabled{{/if}}
    >{{value}}</textarea>
 
{
  "modifier": "",
  "disabled": false,
  "name": "textarea",
  "id": "textarea",
  "placeholder": "placeholder",
  "value": ""
}
  • Content: 
    .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;
    }
}
  • URL: /components/raw/app-textarea/app-textarea.css
  • Filesystem Path: src\components\07-app-atoms\app-textarea\app-textarea.css
  • Size: 392 Bytes

No notes defined.