<h2>Text Input Types</h2>
<div>
    {{> atoms-input-text }}
</div>
<div>
    {{> atoms-input-text-email }}
</div>
<div>
    {{> atoms-input-text-password }}
</div>
<div>
    {{> atoms-input-text-phone }}
</div>
<div>
    {{> atoms-input-text-url }}
</div>
<div>
    {{> atoms-input-text-masked }}
</div>
<div>
    {{> atoms-input-text-prefixed }}
</div>
<div>
    {{> atoms-input-text-suffixed }}
</div>
<div>
    {{> atoms-input-text-invalid }}
</div>
<div>
    {{> atoms-input-prensufix }}
</div>
<div>
    {{> atoms-searchbox }}
</div>

<h2>Number Input Types</h2>
<div>
    {{> atoms-input-number }}
</div>

<h2>Date and Time Input Types</h2>
<div>
    {{> atoms-input-date }}
</div>
<div>
    {{> atoms-input-date-month }}
</div>
<div>
    {{> atoms-input-date-week }}
</div>
<div>
    {{> atoms-input-datetime-local }}
</div>
<div>
    {{> atoms-input-time }}
</div>

<h2>Special Input Types</h2>
<div>
    {{> atoms-input-color }}
</div>
<div>
    {{> atoms-input-file }}
</div>

<h2>Form Controls</h2>
<div>
    {{> atoms-input-textarea }}
</div>
<div>
    {{> atoms-checkbox }}
</div>
<div>
    {{> atoms-radiobutton }}
</div>
<div>
    {{> atoms-radiobutton-disabled }}
</div>
<div>
    {{> atoms-toggle }}
</div>
