A panel that slides open from the sides of the page when you click a handle.
MIT License
<script
type="module"
src="https://unpkg.com/@paraboly/pwc-sliding-panel@latest/dist/pwc-sliding-panel/pwc-sliding-panel.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/@paraboly/pwc-sliding-panel@latest/dist/pwc-sliding-panel/pwc-sliding-panel.js"
></script>
npm install @paraboly/pwc-sliding-panel --save
<script src='node_modules/@paraboly/pwc-sliding-panel/dist/pwc-sliding-panel.js'></script>
in the head of your index.htmlnpm install @paraboly/pwc-sliding-panel --save
import @paraboly/pwc-sliding-panel;
This is just an example from pwc-animated-checkbox, you need to change it!
<pwc-animated-checkbox></pwc-animated-checkbox>
This is just an example from pwc-animated-checkbox, you need to change it!
// Multiple Checkboxes
const pwcCheckboxes = document.querySelectorAll("pwc-animated-checkbox");
pwcCheckboxes.forEach(element => {
element.addEventListener("checkedEvent", event => {
console.log("Event: ", event.detail);
});
})
// Selects the first checkbox
const pwcCheckbox = document.querySelector("pwc-animated-checkbox");
pwcCheckbox.addEventListener("checkedEvent", event => {
console.log("First Element Event: ", event.detail);
Author, author@work_email.com | author@personal_email.com
WebComponent PWC README Boilerplate is available under the MIT license.
See the LICENSE file for more info.