Default

A basic text field. If you use a text field outside of a form component, always use a label and associate the label to the field properly.

tab 1 content
tab 2 content
tab 3 content
assets/js/custom/tab.js
With leading icon

A basic text field. If you use a text field outside of a form component, always use a label and associate the label to the field properly.

tab 1 content
tab 2 content
tab 3 content
assets/js/custom/tab.js
With tailing icon

A basic text field. If you use a text field outside of a form component, always use a label and associate the label to the field properly.

tab 1 content
tab 2 content
tab 3 content
assets/js/custom/tab.js
With badge

A basic text field. If you use a text field outside of a form component, always use a label and associate the label to the field properly.

tab 1 content
tab 2 content
tab 3 content
assets/js/custom/tab.js
With badge and tailing icon

A basic text field. If you use a text field outside of a form component, always use a label and associate the label to the field properly.

tab 1 content
tab 2 content
tab 3 content
assets/js/custom/tab.js