Login

Buttons

Buttons
Ex. <Link href="#" className="btn btn-primary"> Primary </Link>
PrimarySecondarySuccessDangerInfoWarningLightDark
Buttons Pill
Ex. <Link href="#" className="btn btn-pills btn-primary"> Primary </Link>
PrimarySecondarySuccessDangerInfoWarningLightDark
Buttons Soft
Ex. <Link href="#" className="btn btn-soft-primary"> Primary </Link>
PrimarySecondarySuccessDangerInfoWarningLightDark
Buttons Pill Soft
Ex. <Link href="#" className="btn btn-pills btn-soft-primary"> Primary </Link>
PrimarySecondarySuccessDangerInfoWarningLightDark
Buttons Outline
Ex. <Link href="#" className="btn btn-outline-primary"> Primary </Link>
PrimarySecondarySuccessDangerInfoWarningLightDark
Buttons Pill Outline
Ex. <Link href="#" className="btn btn-pills btn-outline-primary"> Primary </Link>
PrimarySecondarySuccessDangerInfoWarningLightDark
Button Icons
Ex. <Link href="#" className="btn btn-icon btn-primary"><FiFacebook className="fea icon-sm"></FiFacebook></Link>
Outline Button Icons
Ex. <Link href="#" className="btn btn-icon btn-outline-primary"><FiFacebook className="fea icon-sm"></FiFacebook></Link>
Button Pill Icons
Ex. <Link href="#" className="btn btn-icon btn-pills btn-primary"><FiFacebook className="fea icon-sm"></FiFacebook></Link>
Outline Button Pill Icons
Ex. <Link href="#" className="btn btn-icon btn-pills btn-outline-primary"><FiFacebook className="fea icon-sm"></FiFacebook></Link>
Button Sizing
Ex. <Link href="#" className="btn btn-primary btn-sm"> Primary </Link>
Ex. <Link href="#" className="btn btn-primary btn-lg"> Primary </Link>