Textarea
Classes Information
| ClassName | Descriptioon |
|---|---|
| textarea | Textarea base class |
| textarea-primary | Set primary color |
| textarea-secondary | Set secondary color |
| textarea-success | Set success color |
| textarea-error | Set error color |
| textarea-warning | Set warning color |
| textarea-ghost-primary | Transparent background with border hover primary |
| textarea-ghost-secondary | Transparent background with border hover secondary |
| textarea-ghost-success | Transparent background with border hover success |
| textarea-ghost-error | Transparent background with border hover error |
| textarea-ghost-warning | Transparent background with border hover warning |
| textarea-block | Make textarea takes full width |
Basic Usage
Example Code
html
<textarea class="textarea" placeholder="Textarea" />Colors
Example Code
html
<textarea class="textarea textarea-primary" placeholder="Primary" />
<textarea class="textarea textarea-secondary" placeholder="Secondary" />
<textarea class="textarea textarea-success" placeholder="Success" />
<textarea class="textarea textarea-warning" placeholder="Warning" />
<textarea class="textarea textarea-error" placeholder="Error" />Ghost
Example Code
html
<textarea class="textarea-ghost-primary textarea" placeholder="Primary" />
<textarea class="textarea-ghost-secondary textarea" placeholder="Secondary" />
<textarea class="textarea-ghost-success textarea" placeholder="Success" />
<textarea class="textarea-ghost-warning textarea" placeholder="Warning" />
<textarea class="textarea-ghost-error textarea" placeholder="Error" />Block
Example Code
html
<textarea class="textarea-block textarea" placeholder="Block" />Disabled
Example Code
html
<textarea class="textarea" placeholder="Disabled" disabled />