{"repo":"ivteplo/html-sheet-element","free":true,"listed":false,"github":"https://github.com/ivteplo/html-sheet-element","clone":"git clone https://github.com/ivteplo/html-sheet-element.git","description":"HTML Custom Element for Creating Sheets","language":"JavaScript","stars":93,"topics":["bottom-sheet","css","html","javascript","pure-javascript","components","ui-components","html-custom-elements","web-components","web-components-api"],"license":"Apache-2.0","category":"ui-components","readme_excerpt":"HTML Sheet Element HTML Custom Element for creating sheets. Displayed as a bottom sheet on mobile and a centered sheet on desktop. Features - There is a handle at the top of the sheet that can be used to open or close the sheet - The sheet can be closed using a button in the sheet header, using the Esc key, or by clicking outside the bottom sheet - This behavior is configurable. You can turn off the Esc or the click outside the sheet when you want. - API is similar to the element's - Supports forms inside of it - Uses familiar method names and the same event names - There are many customization options Installation You can install this library from the npm registry: Or you can import it dynamically from a CDN: Usage Before being able to use the element in your HTML, you need to specify a tag name for it using JavaScript: Then you can use the tag in your HTML: To open a sheet, call the element's showModal method: API Documentation You can find API documentation here. Development Prerequisites You need to have Git, Node.js, Deno, and any browser installed. Setup 1. Open your terminal 2. Clone this repository 3. Navigate into the cloned directory 4. Install dependencies 5. Start the development server 6. Build the library 7. Build the API documentation 8. Happy hacking :tada:","default_branch":null,"files":null,"tree":[],"storefront":"/r/ivteplo","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ivteplo/html-sheet-element/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}