
ct-loading-placeholder
ct-loading-placeholder
is a simple element to use skeleton loading such as Facebook.
Installation
To include this, type:
$ pnpm i @conectate/ct-loading-placeholder
or
$ npm i @conectate/ct-loading-placeholder
Usage
Import lib
import '@conectate/ct-loading-placeholder/ct-loading-placeholder';
Use in your HTML
<ct-loading-placeholder style="height:24px;width:100px;border-radius: var(--border-radius, 16px);"></ct-loading-placeholder>
Styling
--loading-placeholder-color-1 | Primary color for animation | #E0E0E0 |
--loading-placeholder-color-2 | Secondary color for animation | #C0C0C0 |
Demo

Follow me

https://x.com/herberthobregon
https://dev.to/herberthobregon
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -m 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
History
- v0.2.1 CHANGE keys to gruops in custom regex
- v0.2.0 ADD href method
- v0.1.8 You can use a html`` or string to define template
- v0.1.0 Initial Release
License
See LICENSE