0.1.1 • Published 4 years ago
tinyskeletonjs v0.1.1
Installation
npm install tinyskeletonjsyarn add tinyskeletonjs
Usage example
CodePen to play with
Documentation
- Override skelton color with :
:root {
--skeleton: green; /* green background */
--skeleton-wave: red; /* wave become red */
}- Available attributes :
| attribute | type | default value | usage |
|---|---|---|---|
| circle | boolean | false | give skeleton a circle shape (need a width) |
| placeholder | string | null | skeleton take text width (work only on one line) |
| width | int | auto | give skeleton a width |
| height | int | auto | give skeleton a height |
| borderRadius | px or % value | 0px | change skeleton borders radius |
| rounded | boolean | false | give a border-radius of 10px |
| lines | int | 0 | numbers of skeleton lines you want to display |
Meta
Create a pull issue if you experience any troubles
Contributing
- Fork it (https://github.com/Pixidream/nerdfox/fork)
- Create your feature branch (git checkout -b feature/fooBar)
- Commit your changes (gitmoji -c')
- Push to the branch (git push origin feature/fooBar)
- Create a new Pull Request