val-do.com დიზაინ სისტემა

buttons

Variants and states

Hover/Focus ეფექტი ნახე რეალურად მაუსით გადატარებისას ან Tab ნავიგაციით.

<button type="button" class="btn">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-success">Success</button>
<a href="#" class="btn">Link Button</a>
<button type="button" class="btn" disabled>Disabled</button>

Sizes

`.btn-sm` კლასი მცირდება სიმაღლე, padding-ი და font-size-ი — გამოიყენე ცხრილებში, card-ებში ან მჭიდრო ადგილებში.

<button type="button" class="btn btn-sm">Default</button>
<button type="button" class="btn btn-sm btn-danger">Danger</button>
<button type="button" class="btn btn-sm btn-success">Success</button>
<a href="#" class="btn btn-sm">Link Button</a>
<button type="button" class="btn btn-sm" disabled>Disabled</button>