wc-affix
v0.0.4
Published
wc-affix is a affix component written using web-component
Downloads
4
Readme
WC Affix
The wc-affix
is a high performance flow layout component written using web-component
It can support running in various frameworks, such as React
Vue
🌈 Demo
⚙️ Installation
npm
npm i wc-affix
scripts
<script src="https://cdn.jsdelivr.net/npm/wc-affix/dist/index.iife.js"></script>
🦄 Example
🐔 Use in VanillaJS
<script src="https://cdn.jsdelivr.net/npm/wc-affix/dist/index.iife.js"></script>
<h1>wc-affix</h1>
<wc-affix active-style="box-shadow: 0 0 10px #80808080">
<div>01</div>
</wc-affix>
📄 Props
| Name | Type | Default | Description |
| ------------ | -------- | ------- | -------------------------------------- |
| offset | number
| 0 | Number of columns |
| active-class | string
| | Class displayed during activation |
| active-style | string
| | Style displayed during activation |
| target | string
| | Specifies the scrollable area DOM node |
⭐️ Show Your Support
Please give a ⭐️ if this project helped you!
👏 Contributing
If you have any questions or requests or want to contribute, please write the issue or give me a Pull Request freely.