<abp-button text="Default" />
<abp-button button-type="Primary" text="Primary" />
<abp-button button-type="Secondary">Secondary</abp-button>
<abp-button button-type="Success">Success</abp-button>
<abp-button button-type="Danger">Danger</abp-button>
<abp-button button-type="Warning">Warning</abp-button>
<abp-button button-type="Info">Info</abp-button>
<abp-button button-type="Light">Light</abp-button>
<abp-button button-type="Dark">Dark</abp-button>
<abp-button button-type="Link">Link</abp-button>
<button class="btn" type="button" data-busy-text="İşleniyor..."><span>Default</span></button>
<button class="btn btn-primary" type="button" data-busy-text="İşleniyor..."><span>Primary</span></button>
<button class="btn btn-secondary" type="button" data-busy-text="İşleniyor...">Secondary</button>
<button class="btn btn-success" type="button" data-busy-text="İşleniyor...">Success</button>
<button class="btn btn-danger" type="button" data-busy-text="İşleniyor...">Danger</button>
<button class="btn btn-warning" type="button" data-busy-text="İşleniyor...">Warning</button>
<button class="btn btn-info" type="button" data-busy-text="İşleniyor...">Info</button>
<button class="btn btn-light" type="button" data-busy-text="İşleniyor...">Light</button>
<button class="btn btn-dark" type="button" data-busy-text="İşleniyor...">Dark</button>
<button class="btn btn-link" type="button" data-busy-text="İşleniyor...">Link</button>
<abp-button button-type="Outline_Primary">Primary</abp-button>
<abp-button button-type="Outline_Secondary">Secondary</abp-button>
<abp-button button-type="Outline_Success">Success</abp-button>
<abp-button button-type="Outline_Danger">Danger</abp-button>
<abp-button button-type="Outline_Warning">Warning</abp-button>
<abp-button button-type="Outline_Info">Info</abp-button>
<abp-button button-type="Outline_Light">Light</abp-button>
<abp-button button-type="Outline_Dark">Dark</abp-button>
<button class="btn btn-outline-primary" type="button" data-busy-text="İşleniyor...">Primary</button>
<button class="btn btn-outline-secondary" type="button" data-busy-text="İşleniyor...">Secondary</button>
<button class="btn btn-outline-success" type="button" data-busy-text="İşleniyor...">Success</button>
<button class="btn btn-outline-danger" type="button" data-busy-text="İşleniyor...">Danger</button>
<button class="btn btn-outline-warning" type="button" data-busy-text="İşleniyor...">Warning</button>
<button class="btn btn-outline-info" type="button" data-busy-text="İşleniyor...">Info</button>
<button class="btn btn-outline-light" type="button" data-busy-text="İşleniyor...">Light</button>
<button class="btn btn-outline-dark" type="button" data-busy-text="İşleniyor...">Dark</button>
<abp-button size="Large" button-type="Primary" text="Large button" />
<abp-button size="Large" button-type="Secondary" text="Large button" />
<button class="btn btn-primary btn-lg" type="button" data-busy-text="İşleniyor..."><span>Large button</span></button>
<button class="btn btn-secondary btn-lg" type="button" data-busy-text="İşleniyor..."><span>Large button</span></button>
<abp-button size="Large" button-type="Primary" text="Large button" />
<abp-button size="Large" button-type="Secondary" text="Large button" />
<button class="btn btn-primary btn-sm" type="button" data-busy-text="İşleniyor..."><span>Small button</span></button>
<button class="btn btn-secondary btn-sm" type="button" data-busy-text="İşleniyor..."><span>Small button</span></button>
<abp-button size="Large" button-type="Primary" class="active" text="Primary button" />
<abp-button size="Large" button-type="Secondary" class="active" text="Button" />
<button class="active btn btn-primary btn-lg" type="button" data-busy-text="İşleniyor..."><span>Primary button</span></button>
<button class="active btn btn-secondary btn-lg" type="button" data-busy-text="İşleniyor..."><span>Button</span></button>
<abp-button size="Large" button-type="Primary" disabled="true" text="Primary button" />
<abp-button size="Large" button-type="Secondary" disabled="true" text="Button" />
<button class="btn btn-primary btn-lg" disabled="disabled" type="button" data-busy-text="İşleniyor..."><span>Primary button</span></button>
<button class="btn btn-secondary btn-lg" disabled="disabled" type="button" data-busy-text="İşleniyor..."><span>Button</span></button>
<abp-button button-type="Warning" icon="pencil" text="Edit" />
<abp-button button-type="Info" icon-type="FontAwesome" icon="info" text="Information" />
<button class="btn btn-warning" type="button" data-busy-text="İşleniyor..."><i class="fa fa-pencil"></i> <span>Edit</span></button>
<button class="btn btn-info" type="button" data-busy-text="İşleniyor..."><i class="fa fa-info"></i> <span>Information</span></button>