https://github.com/enflow/laravel-address-ui
The frontend UI kit for usage with enflow/laravel-location
https://github.com/enflow/laravel-address-ui
Last synced: 12 months ago
JSON representation
The frontend UI kit for usage with enflow/laravel-location
- Host: GitHub
- URL: https://github.com/enflow/laravel-address-ui
- Owner: enflow
- License: isc
- Created: 2020-04-07T11:20:07.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-09-26T08:27:17.000Z (almost 6 years ago)
- Last Synced: 2025-03-17T22:39:17.639Z (over 1 year ago)
- Language: JavaScript
- Size: 151 KB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Laravel Address UI
[](LICENSE.md)
[](https://npmjs.com/package/@enflow/laravel-address-ui)
[](https://www.npmjs.com/package/@enflow/laravel-address-ui)
The frontend UI kit for usage with [enflow/laravel-address](https://github.com/enflow/laravel-address).
## Usage
You can install the package with yarn or npm:
```bash
yarn add @enflow/laravel-address-ui
// or
npm install @enflow/laravel-address-ui --save
```
You may instance the `Address` component. For instance:
```javascript
var Address = require('@enflow/laravel-address-ui');
window.onload = () => {
document.querySelectorAll('[role=address]').forEach((field) => {
new Address(field);
});
};
```
You must include the CSS provides by this package in your build process as well. The easiest would be by using `postcss-import` and importing it in your core stylesheet. This can be modified based on your build process.
```css
@import "@enflow/laravel-address-ui";
```
Then, add the field to your template:
#### .blade.php
```blade
```
#### .twig
```twig
```
## Testing
``` bash
$ npm run start
```
## Contributing
Please see [CONTRIBUTING](CONTRIBUTING.md) for details.
## Security
If you discover any security related issues, please email michel@enflow.nl instead of using the issue tracker.
## Credits
This package is forked from [mapbox/mapbox-gl-geocoder](https://github.com/mapbox/mapbox-gl-geocoder) and modified to work out of the box with `enflow/laravel-address`. They did an amazing job with the intital pacakge, and this work wouldn't be here without them.
- [Michel Bardelmeijer](https://github.com/mbardelmeijer)
- [Mapbox & Contributers](https://github.com/mapbox/mapbox-gl-geocoder)
- [All Contributors](../../contributors)
## About Enflow
Enflow is a digital creative agency based in Alphen aan den Rijn, Netherlands. We specialize in developing web applications, mobile applications and websites. You can find more info [on our website](https://enflow.nl/en).
## License
The ISC License (ISC). Please see [License File](LICENSE.md) for more information.