Button-loader examples

default

default with loading state

Simulate triggering the loading state

default with success state

Simulate triggering the success state that only displays for seconds, then reverts to initial state

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

link

Acción en curso Link button

link with target blank

Acción en curso Link button with target

link disabled

Acción en curso Disabled link button

button with right icon

Acción en curso Button with icon

button with left icon

Acción en curso Button with icon

button with only icon

Acción en curso

button small with only icon

Acción en curso

input

Acción en curso

input disabled

Acción en curso

prevent double click