@_nu/css-textarea
English | 简体中文
How
$ yarn add @_nu/css-textarea
Tree
@_nu/css-textarea/lib
lib
├── index.css // base style
└── skins
└── default
├── disabled.css // disabled
├── readonly.css // readonly
├── error.css // error state
├── focus.css // on focus
├── hover.css // on hover
├── resize.css // resize
└── count.css // count
API
| Selector | Function |
|---|---|
| textarea.nu_textarea | base selector |
| .nu_textarea textarea | wrap selector |
<textarea class="nu_textarea" placeholder="nu_textarea"></textarea><label class="nu_textarea">
<textarea placeholder="nu_textarea"></textarea>
</label>For the sake of flexibility these two ways are equivalent.
Skins API
| Selector | Function | skin |
|---|---|---|
| textarea:disabled | disabled textarea | disabled.css |
| textarea:readonly | readonly textarea | readonly.css |
| textarea:focus | focus textarea | focus.css |
| textarea:hover | hover textarea | hover.css |
| textarea:resize | resize textarea | resize.css |
| .nu_textarea_x | textarea count wrap | count.css |
| .nu_textarea_count | textarea count num | count.css |
| ._error | error textarea | error.css |