Button examples

default

default with active state

Simulate triggering the :active CSS pseudo-class

default with hover state

Simulate triggering the :hover CSS pseudo-class

default with focus state

Simulate triggering the :focus CSS pseudo-class

default disabled

primary

primary with active state

Simulate triggering the :active CSS pseudo-class

primary with hover state

Simulate triggering the :hover CSS pseudo-class

primary with focus state

Simulate triggering the :focus CSS pseudo-class

primary disabled

alert

alert with active state

Simulate triggering the :active CSS pseudo-class

alert with hover state

Simulate triggering the :hover CSS pseudo-class

alert with focus state

Simulate triggering the :focus CSS pseudo-class

alert disabled

transparent

transparent with active state

Simulate triggering the :active CSS pseudo-class

transparent with hover state

Simulate triggering the :hover CSS pseudo-class

transparent with focus state

Simulate triggering the :focus CSS pseudo-class

transparent disabled

small

small has selection

link

Link button

link with target blank

Link button with target

link disabled

Disabled link button

button with right icon

Button with icon

button with left icon

Button with icon

backbutton

Transparent with left icon

Volver

forwardbutton

Transparent with right icon

Ver más

button with only icon

button small with only icon

input

input disabled

prevent double click