Recommend this page to a friend! |
Download .zip |
Info | Documentation | Screenshots | View files (25) | Download .zip | Reputation | Support forum | Blog | Links |
Last Updated | Ratings | Unique User Downloads | Download Rankings | |||||
2023-07-12 (7 months ago) | Not enough user ratings | Total: 6 This week: 1 | All time: 11,246 This week: 79 |
Version | License | PHP version | Categories | |||
toggle-switch-field 1.0 | MIT/X Consortium ... | 7 | HTML, Content management, PHP 7 |
Description | Author | |
This package can output HTML for a Laravel Nova toggle switch field. |
https://github.com/naifalshaye/toggle-switch
You can install the package into a Laravel app that uses Nova via composer:
composer require naif/toggle-switch-field
Add the field to Nova Resource
public function tools()
{
# You can set the toggle switch color by color code.
return [
new ToggleSwitchField::make('toggle')->color('#3AB95A'),
];
}
<img src="screenshots/img.png" width="150"><br> <img src="screenshots/img_1.png" width="400"><br> <img src="screenshots/img_2.png" width="400"><br> <img src="screenshots/off.png" width="100"><br> <img src="screenshots/on.png" width="100"><br> <img src="screenshots/dark-off.png" width="100"><br> <img src="screenshots/dark-on.png" width="100"><br> <img src="screenshots/index.png" width="100"><br> <img src="screenshots/dark-index.png" width="100"><br> <img src="screenshots/detail-on.png" width="100"><br> <img src="screenshots/detail-off.png" width="100"><br> <img src="screenshots/dark-detail-off.png" width="100"><br> <img src="screenshots/dark-detail-on.jpg" width="100"><br>
naif@naif.io
https://naif.io
Bug Tracker:
https://github.com/naifalshaye/chatgpt-nova4/issues
The MIT License (MIT). Please see License File for more information.
Screenshots | ||
Files |
File | Role | Description | ||
---|---|---|---|---|
dist (1 file, 2 directories) | ||||
resources (2 directories) | ||||
screenshots (8 files) | ||||
src (2 files) | ||||
composer.json | Data | Auxiliary data | ||
nova.mix.js | Data | Auxiliary data | ||
package.json | Data | Auxiliary data | ||
postcss.config.js | Data | Auxiliary data | ||
README.md | Doc. | Documentation | ||
webpack.mix.js | Data | Auxiliary data |
Files | / | dist | / | js |
File | Role | Description |
---|---|---|
field.js | Data | Auxiliary data |
field.js.LICENSE.txt | Doc. | Documentation |
Files | / | resources | / | js | / | components |
File | Role | Description |
---|---|---|
DetailField.vue | Data | Auxiliary data |
FormField.vue | Data | Auxiliary data |
IndexField.vue | Data | Auxiliary data |
Files | / | screenshots |
File | Role | Description |
---|---|---|
dark-detail-off.png | Icon | Icon image |
dark-detail-on.jpg | Icon | Icon image |
dark-off.png | Icon | Icon image |
dark-on.png | Icon | Icon image |
detail-off.png | Icon | Icon image |
detail-on.png | Icon | Icon image |
off.png | Icon | Icon image |
on.png | Icon | Icon image |
Files | / | src |
File | Role | Description |
---|---|---|
FieldServiceProvider.php | Class | Class source |
ToggleSwitchField.php | Class | Class source |
Version Control | Unique User Downloads | Download Rankings | |||||||||||||||
100% |
|
|
Applications that use this package |
If you know an application of this package, send a message to the author to add a link here.