1.0.6 • Published 4 years ago

@_nu/css-input v1.0.6

Weekly downloads
-
License
MIT
Repository
github
Last release
4 years ago

@_nu/css-input

npm packagenpm downloadsjsdelivrgithub
npm packagenpm downloadsjsdelivrgithub

English | 简体中文

Install

$ yarn add @_nu/css-input

Tree

@_nu/css-input/
lib
├── index.css                // base style
└── skins
    └── default
        ├── block.css        // block input
        ├── capsule.css      // capsule input 💊
        ├── disabeld.css     // disabeld
        ├── focus.css        // on focus
        ├── large.css        // large input
        ├── line.css         // line input
        └── small.css        // small input

Core API

SelectorFunction
input.nu_inputbase selector
.nu_input inputstatus of disabled
<input class="nu_input" type="text" placeholder="Enter" />
<label class="nu_input">
  <input type="text" placeholder="Enter" />
</label>

For the sake of flexibility these two ways are equivalent.

Skins API

SelectorFunctionskin
input:disableddisabled inputdisabled.css
input:focusfocus inputfocus.css
._llarge inputlarge.css
._ssmall inputsmall.css
._capsulevariant of inputcapsule.css
._blockblock inputblock.css
._lineline of disabledline.css

All the skin api is base on the core api.

More

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.2

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago

0.0.2

4 years ago

0.0.1

4 years ago