Line button

Overview

Line buttons are buttons with line as border or with decoration line such as the following examples.

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

Variants

.btn-line-a

Sample use cases :

Button Thin border Thick border Chat Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

.btn-line-b

Sample use cases :

Button Thin border Thick border Chat Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

.btn-line-c

Sample use cases :

Button Thin border Thick border Chat Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

.btn-line-d

Sample use cases :

Button Thin border Thick border Chat Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

.btn-line-e

Sample use cases :

Button Thin border Thick border

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

.btn-line-f

Sample use cases :

Button Thin border Thick border

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

.btn-line-g

Sample use cases :

Button Thin border Thick border Chat Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

.btn-line-h

Sample use cases :

Button Thin border Thick border Chat Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

.btn-line-i

Sample use cases :

Button Thin border Thick border Chat Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

.btn-line-j

Sample use cases :

Button Thin border Thick border Chat Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark

.btn-line-k

Sample use cases :

Button Thin border Thick border Chat Read more

Color variants :

Primary Secondary Success Danger Warning Info Light Dark