@_nu/css-textarea

CSS textarea

Usage no npm install needed!

<script type="module">
  import NuCssTextarea from 'https://cdn.skypack.dev/@_nu/css-textarea';
</script>

README

@_nu/css-textarea

npm package npm downloads jsdelivr github

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