Outline button

Overview

Outline buttons are buttons with border such as the following examples.

Button a Button b Button c Button d Button e Button f Button g Button h Button i Button j Button k

Variants

.btn-outline-a

Sample use cases :

Button Thin border Thick border Chat Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

.btn-outline-b

Sample use cases :

Button Buy it now Thin button Thick button One Button Chat Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

Alternative colors :

Primary Secondary Success Danger Warning Info Light Dark

.btn-outline-c

Sample use cases :

Button Chat Thin border Thick border Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

.btn-outline-d

Sample use cases :

Button Buy it now Thin button Thick button One Button Chat Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

Alternative colors :

Primary Secondary Success Danger Warning Info Light Dark

.btn-outline-e

Sample use cases :

Button Chat Thin border Thick border Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

.btn-outline-f

Sample use cases :

Button Thin border Thick border Chat Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

.btn-outline-g

Sample use cases :

Button Thin border Thick border Chat Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

.btn-outline-h

Sample use cases :

Button Thin border Thick border Chat Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

.btn-outline-i

Sample use cases :

Button Thin border Thick border Chat Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

.btn-outline-j

Sample use cases :

Button Thin border Thick border Chat Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

.btn-outline-k

Sample use cases :

Button Thin border Thick border Chat Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark