Pin

Pins are intended for use in 2-factor authentication and transmission of a verification code by mail.

Normal
Numeric
Custom length
Password
No gap 
Normal   <x-pin/>
Numeric  <x-pin numeric/>
Custom length <x-pin length="8"/>
Password <x-pin type="password"/>
No gap   <x-pin no-gap/>

#Variants

The usual color attribute is used to change the color of pins.

Default
Primary
Secondary
Accent
Info
Success
Warning
Error 
Default   <x-pin/>
Primary   <x-pin color="primary"/>
Secondary <x-pin color="secondary"/>
Accent    <x-pin color="accent"/>
Info      <x-pin color="info"/>
Success   <x-pin color="success"/>
Warning   <x-pin color="warning"/>
Error     <x-pin color="error"/>

#Decorations

Title
Label 
<x-pin title="Title" label="Label" help="Help text" trail-icon="heroicon-o-finger-print"/>
  
<x-pin class="group">
  <x-slot:icon class="h-lh group-hover:text-success peer-focus:text-success">
	<x-icon name="heroicon-o-finger-print"/>
  </x-slot:icon>
</x-pin>