Form - Stilearn Admin Bootstrap

Form Elements

Elements

Auto Complete

Tags

Date

Color (hex)

Color (rgba)

Radio

Option one is this and that—be sure to include why it's great Option two can be something else and selecting it will deselect option one

Checkbox

1 2 3

Upload

Select

Multiple Select

Select Group

Multiple Select Group

Simple Editor

Validation

Form Validate

Required

Min Length

Max Length

URL

Date

Min

Max

Number

Password

Confirm Password

Wizard & Validation

What is your first name?

What is your last name?

your gender?

Male
Female

Thanks!

Extending form controls

Prepand

Icon Prepand

Append

.00

Icon Append

Combined

$ .00

Icon Combined

Buttons instead of text

Button dropdowns

Segmented dropdown

Search form

Control States

Input with warning

Something may have gone wrong

Input with error

Please correct the error

Input with info

Username is taken

Input with success

Woohoo!

Uneditable inputs

Some value here

Disabled inputs

Form actions

Buttons

Button	class=""	Description
	`btn`	Standard gray button with gradient
	`btn btn-primary`	Provides extra visual weight and identifies the primary action in a set of buttons
	`btn btn-info`	Used as an alternative to the default styles
	`btn btn-success`	Indicates a successful or positive action
	`btn btn-warning`	Indicates caution should be taken with this action
	`btn btn-danger`	Indicates a dangerous or potentially negative action
	`btn btn-inverse`	Alternate dark gray button, not tied to a semantic action or use
	`btn btn-link`	Deemphasize a button by making it look like a link while maintaining button behavior

Button sizes

Button groups

Element

Anchor Element

Button dropdown

Lorem ipsum john doe

Tortor dapibus

Lacinia non

Lorem ipsum john doe

Tortor dapibus

Lacinia non

Form Elements