PHP Classes

Laravel Nova Toggle Switch: Provides a toggle control to use in Laravel Nova

Recommend this page to a friend!
  Info   View files Documentation   Screenshots Screenshots   View files View files (15)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not yet rated by the usersTotal: 35 This week: 1All time: 10,933 This week: 560Up
Version License PHP version Categories
toggle-switch 1.0Custom (specified...5HTML, PHP 5, Libraries, Content manag...
Description 

Author

This package provides a toggle control to use in Laravel Nova.

It configures the generation of HTML, CSS and JavaScript to use a JavaScript library that can display a toggle switch control in a Laravel Nova panel.

Currently the package provides one option that allows changing the base color of the toggle switch control.

Picture of Naif Alshaye
  Performance   Level  
Name: Naif Alshaye <contact>
Classes: 24 packages by
Country: Saudi Arabia Saudi Arabia
Age: ???
All time rank: 18706 in Saudi Arabia Saudi Arabia
Week rank: 22 Up2 in Saudi Arabia Saudi Arabia Up
Innovation award
Innovation award
Nominee: 9x

Documentation

Nova Toggle Switch Field

A Laravel Nova toggle switch field

Installation

You can install the package in to a Laravel app that uses Nova via composer:

composer require naif/toggle

Usage:

Add the below to Nova/User.php resource:


# You can set the toggle swhich color by color code
Toggle::make('Toggle')->color('#7e3d2f'),
         

<img src="https://github.com/naifalshaye/toggle-switch/blob/master/screenshots/colors.png" width="142">

<img src="https://raw.githubusercontent.com/naifalshaye/toggle-switch/master/screenshots/image1.png" width="500">

<img src="https://raw.githubusercontent.com/naifalshaye/toggle-switch/master/screenshots/image2.png" width="500">

<img src="https://raw.githubusercontent.com/naifalshaye/toggle-switch/master/screenshots/image3.png" width="500">

<img src="https://raw.githubusercontent.com/naifalshaye/toggle-switch/master/screenshots/image4.png" width="500">

Support:

naif@naif.io

https://www.linkedin.com/in/naif

License

The MIT License (MIT). Please see License File for more information.


Screenshots  
  • screenshots/colors.png
  • screenshots/image1.png
  • screenshots/image2.png
  • screenshots/image3.png
  • screenshots/image4.png
  Files folder image Files  
File Role Description
Files folder imagedist (2 directories)
Files folder imageresources (2 directories)
Files folder imagesrc (2 files)
Accessible without login Plain text file composer.json Data Auxiliary data
Accessible without login Plain text file LICENSE Lic. License text
Accessible without login Plain text file mix-manifest.json Data Auxiliary data
Accessible without login Plain text file package.json Data Auxiliary data
Accessible without login Plain text file README.md Doc. Documentation
Accessible without login Plain text file webpack.mix.js Data Auxiliary data

  Files folder image Files  /  dist  
File Role Description
Files folder imagecss (1 file)
Files folder imagejs (1 file)

  Files folder image Files  /  dist  /  css  
File Role Description
  Accessible without login Plain text file field.css Data Auxiliary data

  Files folder image Files  /  dist  /  js  
File Role Description
  Accessible without login Plain text file field.js Data Auxiliary data

  Files folder image Files  /  resources  
File Role Description
Files folder imagejs (1 file, 1 directory)
Files folder imagesass (1 file)

  Files folder image Files  /  resources  /  js  
File Role Description
Files folder imagecomponents (3 files)
  Accessible without login Plain text file field.js Data Auxiliary data

  Files folder image Files  /  resources  /  js  /  components  
File Role Description
  Accessible without login Plain text file DetailField.vue Data Auxiliary data
  Accessible without login Plain text file FormField.vue Data Auxiliary data
  Accessible without login Plain text file IndexField.vue Data Auxiliary data

  Files folder image Files  /  resources  /  sass  
File Role Description
  Accessible without login Plain text file field.scss Data Auxiliary data

  Files folder image Files  /  src  
File Role Description
  Plain text file FieldServiceProvider.php Class Class source
  Plain text file Toggle.php Class Class source

 Version Control Unique User Downloads Download Rankings  
 100%
Total:35
This week:1
All time:10,933
This week:560Up