The most basic usage of the component is as a self-closing component:
<x-password />This will output the following HTML:
<input name="password" type="password" id="password" class="form-control" />By default a password type will be set for the input field as well as an id that allows it to be easily referenced by a label element.
Of course, you can also specifically set a name attribute:
<x-password name="my_password" /><input name="my_password" type="password" id="my_password" class="form-control" />Of course, unlike the other input fields in Blade UI Kit Bootstrap, old values for password fields are never re-set after validation.
You can use this component in the same way as the "Input" component because it extends it.