Pleasance Styleguide

Text area: Floating Label 

<div class="form-floating">
    <textarea class="form-control" id="text" name="text" placeholder="Enter text here"></textarea>
    <label for="text" class="form-label">Text area</label>
</div>
 
{% render "@textarea" with { floating: true } %}
 
{
  "id": "text",
  "title": "Text area",
  "placeholder": "Enter text here",
  "enabled": true
}
  • Handle: @textarea--floating-label
  • Preview:
  • Filesystem Path: src/components/01-elements/forms/elements/textarea/textarea--floating-label.html.twig
  • References (1): @textarea

No notes defined.