Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ahmedabdel3al/livewire-multiselect
Livewire Multiselect Component
https://github.com/ahmedabdel3al/livewire-multiselect
alpine livewire livewire-select multiselect select select2 tailwindcss
Last synced: 3 months ago
JSON representation
Livewire Multiselect Component
- Host: GitHub
- URL: https://github.com/ahmedabdel3al/livewire-multiselect
- Owner: ahmedabdel3al
- License: mit
- Created: 2021-02-19T20:54:13.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2021-11-29T15:56:15.000Z (about 3 years ago)
- Last Synced: 2024-09-18T17:15:26.640Z (3 months ago)
- Topics: alpine, livewire, livewire-select, multiselect, select, select2, tailwindcss
- Language: Blade
- Homepage: https://ancient-gorge-62882.herokuapp.com/
- Size: 36.1 KB
- Stars: 19
- Watchers: 2
- Forks: 6
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: .github/CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
- Security: .github/SECURITY.md
Awesome Lists containing this project
README
# Livewire multiselect component
## Requirements
- [Tailwind](https://tailwindcss.com/)
- [Alpine JS](https://github.com/alpinejs/alpine)
- @stack('scripts') in layout blade
## Installation
You can install the package via composer:
```bash
composer require bolyfci/livewire-multiselect
```
## Usage
```html
```
### Props
| Property | Arguments |Default | Example |
|----|----|----|----|
|**trackBy**|*String* Used to compare objects.| id |```trackBy="id"```|
|**label**|*String* Label from option Object, that will be visible in the dropdown..| name | ```title="name"```|
|**options**|*Arrray* Array of available options.| || ```:options="$options ?: [] "```|
|**placeholder**|*string*Equivalent to the placeholder attribute on a input. .| select options |```placholder="select options"```|
---
## Testing
```bash
composer test
```
## Changelog
Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.
## Contributing
Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details.
## Security Vulnerabilities
Please review [our security policy](../../security/policy) on how to report security vulnerabilities.
## Credits
- [ahmed abdelaal](https://github.com/ahmedabdelaal)
- [All Contributors](../../contributors)
## License
The MIT License (MIT). Please see [License File](LICENSE.md) for more information.