Form Elements

Clean, consistent form inputs, labels, icons, and validation


Radio buttons
Home

/

Snippets

/

Components

/

Forms

Basic Fields

Pair .pt-form-label and .pt-form-input for clean, uniform styling across all form elements from text to dropdowns.


Radio buttons

1



                                    

Icon Fields

Style your fields with icons to guide users and add extra visual detail.

1



                                    

Field Sizes

Adjust overall input proportions with .form-control-(size) to scale field and text size consistently.

File Uploads

Add upload functionality with file inputs that match your form’s design.





1



                                    

Radio Buttons

Enhance single-choice options with clean, customizable radio button styles.

Radio buttons


1



                                    

Checkboxes

Match your form’s theme with custom-styled checkboxes for multi-select fields.

Checkbox buttons


1



                                    

Form Validation

Emphasize validation feedback with .has-success, .has-warning, and .has-danger for clear visual cues.



1