UI Components
Button - Flat
Default
Info
Primary
Secondary
Success
Warning
Danger
Disabled
Button - Round
Default
Info
primary
Secondary
Success
Warning
Danger
Disabled
Button - Pill
Default
Info
Primary
Secondary
Success
Warning
Danger
Disabled
Button - Natural Colors - Flat
grape
grape-light
bitter
bitter-light
Sun
Sun-light
grass
grass-light
mint
mint-light
aqua
aqua-light
jeans
jeans-light
pink
pink-light
gray
gray-light
dark
dark-light
Button - Natural Colors - Round
grape
grape-light
bitter
bitter-light
Sun
Sun-light
grass
grass-light
mint
mint-light
aqua
aqua-light
jeans
jeans-light
pink
pink-light
gray
gray-light
dark
dark-light
Button - Natural Colors - Pill
grape
grape-light
bitter
bitter-light
Sun
Sun-light
grass
grass-light
mint
mint-light
aqua
aqua-light
jeans
jeans-light
pink
pink-light
gray
gray-light
dark
dark-light
Button flat / Background Gradient
Default
Info
Primary
Secondary
Success
Warning
Danger
Button round / background Gradient
Default
Info
Primary
Secondary
Success
Warning
Danger
Button Pill / Background Gradient
Default
Info
Primary
Secondary
Success
Warning
Danger
Button Flat / Outline
Dark
Info
Primary
Secondary
Success
Warning
Danger
Button Round - Outline
Dark
Info
Primary
Secondary
Success
Warning
Danger
Button Pill - Outline
Dark
Info
Primary
Secondary
Success
Warning
Danger
Button - Animation fill left
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button - Outline - Animation fill top
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button - Outline - Animation fill right
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button - Outline - Animation fill bottom
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button - Flat - Full width
Default
Info
Primary
Secondary
Success
Warning
Danger
Dark
Disabled
Button - round - full width
Default
Info
Primary
Secondary
Success
Warning
Danger
Dark
Disabled
Button - Pill - Full width
Default
Info
Primary
Secondary
Success
Warning
Danger
Dark
Disabled
Button Size
class
.c-button--default
.c-button--info
.c-button--primary
.c-button--success
.c-button--warning
.c-button--danger
.c-button--xsmall
Default
Info
Primary
Success
Warning
Danger
.c-button--small
Default
Info
Primary
Success
Warning
Danger
.c-button--medium
Default
Info
Primary
Success
Warning
Danger
.c-button--large
Default
Info
Primary
Success
Warning
Danger
.c-button--xlarge
Default
Info
Primary
Success
Warning
Danger
Button type
Home
Home
Blog
Contact
Home
Blog
Contact
Home
Home
Blog
Contact
Add
Modifie
Delete
Home
Home
Blog
Contact
Add
Modifie
Delete