Textarea
Preview
Usage
views.py
python
from djust import LiveView
class MyView(LiveView):
template_name = "my_template.html"
def mount(self, request, **kwargs):
self.name = 'gallery_textarea'my_template.html
django
{% load theme_components %}
{% theme_textarea name=name label='Textarea' placeholder='Write something...' rows=4 %}Props
| Name | Type | Required | Default |
|---|---|---|---|
| name | str | required | — |
| label | Optional[str] | — | |
| placeholder | str | — | |
| rows | int | 4 | |
| css_prefix | str | — | |
| attrs | dict | — | |
| slot_label | str | — | |
| slot_textarea | str | — | |
| slot_help_text | str | — | |
| slot_error | str | — |
Accessibility
| Requirement | Element | Attribute | Value |
|---|---|---|---|
| Label must reference textarea via for attribute | label | for | (present) |
Slots
slot_label slot_textarea slot_help_text slot_error
Source & styles
| File | Path | Notes |
|---|---|---|
| template | djust_theming/components/textarea.html | Copy it to the same path in your project, or per theme under djust_theming/themes/<theme>/components/. |
Template source — textarea.html
django
<div class="{{ css_prefix }}textarea-group {% if attrs.class %}{{ attrs.class }}{% endif %}">
{% if slot_label %}
{{ slot_label|safe }}
{% elif label %}
<label for="{{ name }}" class="{{ css_prefix }}textarea-label">{{ label }}</label>
{% endif %}
{% if slot_textarea %}
{{ slot_textarea|safe }}
{% else %}
<textarea
name="{{ name }}"
id="{{ name }}"
placeholder="{{ placeholder }}"
rows="{{ rows }}"
class="{{ css_prefix }}textarea"
{% if attrs.required %}required{% endif %}
{% if attrs.disabled %}disabled{% endif %}
{% if attrs.readonly %}readonly{% endif %}
>{% if attrs.value %}{{ attrs.value }}{% endif %}</textarea>
{% endif %}
{% if slot_help_text %}
<div class="{{ css_prefix }}textarea-help">{{ slot_help_text|safe }}</div>
{% endif %}
{% if slot_error %}
<div class="{{ css_prefix }}textarea-error" role="alert">{{ slot_error|safe }}</div>
{% endif %}
</div>