mirror of https://github.com/abpframework/abp.git
1 changed files with 70 additions and 0 deletions
@ -0,0 +1,70 @@ |
|||||
|
# Buttons |
||||
|
|
||||
|
ABP framework has a special Tag Helper to create bootstrap button easily. |
||||
|
|
||||
|
`<abp-button>` |
||||
|
|
||||
|
## Attributes |
||||
|
|
||||
|
`<abp-button>` has 7 different attribute. |
||||
|
|
||||
|
* [`button-type`](#`button-type`) |
||||
|
* [`size`](#`size`) |
||||
|
* [`busy-text`](#`busy-text`) |
||||
|
* [`text`](#`text`) |
||||
|
* `icon` |
||||
|
* `disabled` |
||||
|
* `icon-type` |
||||
|
|
||||
|
|
||||
|
### `button-type` |
||||
|
|
||||
|
`button-type` is a selectable parameter. |
||||
|
|
||||
|
`<abp-button button-type="Primary">Button</abp-button>` |
||||
|
|
||||
|
You can choose one of the button type listed below. |
||||
|
|
||||
|
* `Default` |
||||
|
* `Primary` |
||||
|
* `Secondary` |
||||
|
* `Success` |
||||
|
* `Danger` |
||||
|
* `Warning` |
||||
|
* `Info` |
||||
|
* `Light` |
||||
|
* `Dark` |
||||
|
* `Outline_Primary` |
||||
|
* `Outline_Secondary` |
||||
|
* `Outline_Success` |
||||
|
* `Outline_Danger` |
||||
|
* `Outline_Warning` |
||||
|
* `Outline_Info` |
||||
|
* `Outline_Light` |
||||
|
* `Outline_Dark` |
||||
|
* `Link` |
||||
|
|
||||
|
### `size` |
||||
|
|
||||
|
`size` is a selectable parameter. |
||||
|
|
||||
|
`<abp-button size="Default">Button</abp-button>` |
||||
|
|
||||
|
You can choose one of the size type listed below. |
||||
|
|
||||
|
* `Default` |
||||
|
* `Small` |
||||
|
* `Medium` |
||||
|
* `Large` |
||||
|
* `Block` |
||||
|
* `Block_Small` |
||||
|
* `Block_Medium` |
||||
|
* `Block_Large` |
||||
|
|
||||
|
### `busy-text` |
||||
|
|
||||
|
`busy-text` is a string parameter. IT shows the text while the button is busy. |
||||
|
|
||||
|
### `text` |
||||
|
|
||||
|
`text` is a string parameter that displaying on button. |
||||
Loading…
Reference in new issue