owenmelbz/nova-radio-field

A Laravel Nova radio button field type with the ability to toggle other field visibility.

Installs: 431 325

Dependents: 10

Suggesters: 0

Security: 0

Stars: 34

Watchers: 4

Forks: 31

Open Issues: 8

Language:Vue

1.0.1 2021-07-27 16:26 UTC

This package is auto-updated.

Last update: 2024-10-25 21:37:38 UTC


README

This is a simple nova field type to introduce a radio button with the ability to toggle other field visibility.

Form View

index view

Index View

form view

Toggle Mode

toggle mode

Installation

composer require owenmelbz/nova-radio-field

Usage

use OwenMelbz\RadioField\RadioButton;

public function fields(Request $request)
{
    return [
        RadioButton::make('Can view skip adverts?')
            ->options([
                0 => 'No',
                1 => ['Yes' => 'This means that users will not have to watch adverts.'],
            ])
            ->default(0) // optional
            ->stack() // optional (required to show hints)
            ->marginBetween() // optional
            ->skipTransformation() // optional
            ->toggle([  // optional
                1 => ['max_skips', 'skip_sponsored'] // will hide max_skips and skip_sponsored when the value is 1
            ])
    ];
}

Configuration

options()

This accepts basic string/integer key-pair values. The key of the array will be saved in the database, and the value will be displayed.

If you assign an array to the value, it will act as a key-pair for a label and a hint when using stack()

hint view

toggle()

This accepts an array, the key of the array represents the value of the field. The value of the item must always be an array of the fields you wish to hide, when this value is picked.

e.g. if this array was passed in, when the value is 1 the email field will be hidden, any other value will show everything.

toggle([
    1 => ['email']
])

default()

This lets you set the default radio button, otherwise none will be selected - You just pass in the value of the key, e.g 0

stack()

By default the radios will sit next to each other, if you want them underneath in a longer list call the stack() method

marginBetween()

If you happen to have lots of options that fold onto 2 lines, you might want to give them some spacing.

skipTransformation()

By default on the index and detail page we display the labelled value to the user, if you want to show the raw value instead, then call skipTransformation()

License

Go crazy, do what you like :)