@_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 |

More

• nu-system