{"id":15450385,"url":"https://github.com/smirltech/laravel-form","last_synced_at":"2025-08-05T02:14:53.762Z","repository":{"id":65277114,"uuid":"588504596","full_name":"smirltech/laravel-form","owner":"smirltech","description":"Ready-to-use form components built for Bootstrap and Livewire.","archived":false,"fork":false,"pushed_at":"2025-01-15T10:59:48.000Z","size":173,"stargazers_count":6,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"4.x","last_synced_at":"2025-03-24T04:18:20.569Z","etag":null,"topics":["bootstrap5","components","form","laravel","livewire","package","php"],"latest_commit_sha":null,"homepage":"https://packagist.org/packages/smirltech/laravel-form","language":"Blade","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/smirltech.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-01-13T09:29:06.000Z","updated_at":"2025-01-15T10:59:49.000Z","dependencies_parsed_at":"2024-02-10T22:28:20.560Z","dependency_job_id":"a9e93d26-883f-4242-bb4e-820530099126","html_url":"https://github.com/smirltech/laravel-form","commit_stats":{"total_commits":136,"total_committers":3,"mean_commits":"45.333333333333336","dds":0.02941176470588236,"last_synced_commit":"df6abcb72cc7d50a9e19f0b707a5402bec5aa43f"},"previous_names":[],"tags_count":32,"template":false,"template_full_name":"spatie/package-skeleton-laravel","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smirltech%2Flaravel-form","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smirltech%2Flaravel-form/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smirltech%2Flaravel-form/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smirltech%2Flaravel-form/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/smirltech","download_url":"https://codeload.github.com/smirltech/laravel-form/tar.gz/refs/heads/4.x","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249826666,"owners_count":21330673,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap5","components","form","laravel","livewire","package","php"],"created_at":"2024-10-01T21:04:58.794Z","updated_at":"2025-04-19T22:58:38.196Z","avatar_url":"https://github.com/smirltech.png","language":"Blade","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Laravel Form](https://banners.beyondco.de/Laravel%20Form.png?theme=light\u0026packageManager=composer+require\u0026packageName=smirltech%2Flaravel-form\u0026pattern=architect\u0026style=style_1\u0026description=A+bunch+of+form+components+ready+to+use\u0026md=1\u0026showWatermark=1\u0026fontSize=100px\u0026images=clipboard-list)\n\n# Laravel Form components\n\n[![Latest Version on Packagist](https://img.shields.io/packagist/v/smirltech/laravel-form.svg?style=flat-square)](https://packagist.org/packages/smirltech/laravel-form)\n[![GitHub Tests Action Status](https://img.shields.io/github/actions/workflow/status/smirltech/laravel-form/run-tests.yml?branch=main\u0026label=tests\u0026style=flat-square)](https://github.com/smirltech/laravel-form/actions?query=workflow%3Arun-tests+branch%3Amain)\n[![Total Downloads](https://img.shields.io/packagist/dt/smirltech/laravel-form.svg?style=flat-square)](https://packagist.org/packages/smirltech/laravel-form)\n\nThis is a package that provides a bunch of form components ready to use in your Laravel application and provides the best hanlding for frome validation errors.\n\nOriginally created for [Livewire](https://laravel-livewire.com) projects, but can be used in any Laravel project.\n\n- The components are built using [Bootstrap 5](https://getbootstrap.com/docs/5.0/forms/overview/).\n- Each component has a label, a name, and a value. You can pass the value as a model attribute or a value attribute.\n- Required fields are automatically detected and displayed with a red asterisk.\n- Errors are displayed automatically below the input if there is any.\n- The `select` uses the [Selectize.js](https://selectize.github.io/selectize.js/) library to display a nice select\n  input with search and multiple selection.\n- The `ckeditor` uses\n  the [CKEditor 5](https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/laravel.html)\n  library to display a nice WYSIWYG editor.\n\n## Installation\n\nInstall the package via composer:\n\n```bash\ncomposer require smirltech/laravel-form\n```\n\nAdd `\u003cx-form::scripts/\u003e` component to your layout:\n\n```html\n....\n\u003cx-form::scripts/\u003e\n```\n\n## Usage\n\nHere are some examples of how to use the components.\n\n### Input\n\nUse the `x-form::input` component to display a text input.\n\n- `type` attribute to set the input type.\n- `placeholder` attribute to display a placeholder.\n- `required` attribute to set the input as required.\n- `wire:model` attribute to bind the input to a model attribute.\n- `name` attribute to set the input name.\n- `label` attribute to set the input label.\n\n```html\n\n\u003cx-form::input label=\"Nom\" required wire:model=\"hotel.name\" name=\"name\"/\u003e\n```\n\n![img_2.png](img_2.png)\n\n### Select\n\nuse the `x-form::select` component to display a select input with options. you can pass the options as an array or a\ncollection, or enums.\n\n- `multiple` attribute to allow multiple selection.\n- `placeholder` attribute to display a placeholder.'\n\n```html\n\u003c!-- using model attribute --\u003e\n\u003cx-form::select label=\"Ville\" wire:model=\"city\" :options=\"$cities\"/\u003e\n\n\u003c!-- using name --\u003e\n\u003cx-form::select label=\"Ville\" name=\"city\" :options=\"$cities\"/\u003e\n\n\u003c!-- using foreach loop --\u003e\n\u003cx-form::select label=\"Ville\" name=\"city\"\u003e\n    @foreach($cities as $city)\n    \u003coption value=\"{{$city-\u003evalue}}\"\u003e{{$city-\u003ename}}\u003c/option\u003e\n    @endforeach\n\u003c/x-form::select\u003e\n```\n\n![img.png](img.png)\n\n### Ckeditor\n\nUse the `x-form::ckeditor` component to display a WYSIWYG editor.\n\n- `height` attribute to set the editor height.\n- `value` attribute to set the editor value.\n\n```html\n\n\u003cx-form::ckeditor\n    label=\"Description\"\n    height=\"200\"\n    name=\"description\"\n    value=\"Lorem ipsum dolor sit amet.\"/\u003e\n```\n\n![img_1.png](img_1.png)\n\n### Input Excel\n\n```html \n\n\u003cx-form::input.xlsx label=\"Fichier\" name=\"file\"/\u003e\n```\n\n![img_3.png](img_3.png)\n\n## Contributing\n\nThe package is still in development, so feel free to contribute.\n\n## License\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmirltech%2Flaravel-form","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsmirltech%2Flaravel-form","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmirltech%2Flaravel-form/lists"}