Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/squirrel-forge/ui-modal
An accessible modal with custom events, plugin support, css and sass styling options and multiple template formats.
https://github.com/squirrel-forge/ui-modal
babel blade custom-events es10 modal plugins sass twig ui ui-component
Last synced: 20 days ago
JSON representation
An accessible modal with custom events, plugin support, css and sass styling options and multiple template formats.
- Host: GitHub
- URL: https://github.com/squirrel-forge/ui-modal
- Owner: squirrel-forge
- License: mit
- Created: 2022-06-26T14:25:36.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-12T02:02:06.000Z (9 months ago)
- Last Synced: 2024-12-09T22:49:22.948Z (about 2 months ago)
- Topics: babel, blade, custom-events, es10, modal, plugins, sass, twig, ui, ui-component
- Language: JavaScript
- Homepage:
- Size: 65.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# @squirrel-forge/ui-modal
An accessible modal with custom events, plugin support, css and sass styling options and multiple template formats.
## Installation
```
npm i @squirrel-forge/ui-modal
```
## Usage
**Javascript es10**
```js
import { UiModalComponent } from '@squirrel-forge/ui-modal';
```
**Sass**
```scss
@use '~@squirrel-forge/ui-modal' as modal;
```
### Table of contents
Package contents listing by type and namespace.
#### Javascript
- [Modal](docs/Modal.md)
- [UiModalComponent](docs/Modal.md#uimodalcomponent)
- [UiModalTemplate](docs/Modal.md#uimodaltemplate)
- [Plugins](docs/Plugins.md)
- [UiModalPluginAlert](docs/Plugins.md#uimodalpluginalert)
- [UiModalPluginConfirm](docs/Plugins.md#uimodalpluginconfirm)
- [UiModalPluginPrompt](docs/Plugins.md#uimodalpluginprompt)
#### Markup
- [Blade](docs/Modal.md#blade-template)
- [HTML](docs/Modal.md#html-static-for-adaption)
- [Twig](docs/Modal.md#twig-templates)
- [Minimal](docs/Modal.md#minimal-markup)
#### Styling
- [CSS](docs/Modal.md#css-styles)
- [Sass](docs/Modal.md#sass-module)
- [Minimal](docs/Modal.md#minimal-styling)
## Feedback and issues
For feedback or if you encounter any issues, please report [here](https://github.com/squirrel-forge/ui-modal/issues).
---
Check the sourcecode on [github](https://github.com/squirrel-forge/ui-modal) for detailed comments.