# Password

<x-boilerplate::password name="password" />

Will render a field with a button to switch the visibility of the password and requirements when focusing the field.

Password

# Attributes

Attributes that can be used with this component :

Option Type Default Description
name string null Input name (required)
check boolean true If true, will show the popover with requirements
length integer 8 Minimum password length
label string name Input label, can be a translation string
help string null Help message that will be displayed under the input field
group-class string null Additionnal class that will be added to form-group
group-id string null ID that will be added to form-group

All of the attributes that are not in the list above will be added as attributes to the input field :

<x-boilerplate::password name="example" data-toggle="tooltip" data-title="Tooltip content" />

NB : for non primitive values that not using a simple string you have to use the : character as a prefix :

<x-boilerplate::password name="example" :placeholder="__('stringToTranslate')"/>

# Password validation rule

To validate the field that will be posted when using this component, you can use the rule Sebastienheyd\Boilerplate\Rules\Password.

You can set the password required length by passing the value to the constructor.

use Sebastienheyd\Boilerplate\Rules\Password;

$this->validate($request, [
    'password'              => ['nullable', new Password(8)],
    'password_confirmation' => 'same:password',
]);