```div-parameter ## Parameter Button | Parameter | Format | Default | Mandatory | Description | | --- | --- | :---: | :---: | --- | | size |
<String> =
"auto" | "mini" | "normal" | "big" | "bigger" | `auto` | yes | Describes the button's size.
`auto`
The button is automatically formatted. e.g. when a button is in the lower right corner of a ConfirmationDialog it shown as big button.
`mini`
Small button.
`normal`
Medium sized button.
`big`
Big sized button.
`bigger`
Even bigger sized button. | | appearance |
<String> =
"auto" | "link" | "flat" | "normal" | "important" | `auto` | yes | Describes the button's visual appearance.
`auto`
The button is automatically formatted.
`link`
Standard button without border and a underlined text.
`flat`
Button has no border and inherits its background color from its parent div.
`normal`
Standard button with border and its own background color.
`important`
emphasized button to show the user that the button is important. | | primary |
<Boolean> | `false` | yes |
true
false
| | click_type |
<String> =
"click" | "mouseup" | "dbclick" | "touchstart" | "touched" | `click` | yes | Required user's action to call *onclick*-function
`click`
Normal single click
`mouseup`
`dblclick`
Doubleclick
`touchstart`
`touchend` | | tabindex |
<Integer>
<Boolean> | `0` | no |
`false`
`1`
`2`
`...` | | role |
<String> | button | no | | | confirm_on_click |
<String> | - | no | | | text |
<String> | - | no | | | tooltip |
PlainObject` | - | no | | | disabled |
<Boolean>
function() | `false` | no |
true
false
| | active_css_class |
<String> | - | no | | | left |
true
<Object> = CUI-Element
<String> | - | no |
true
Element
String
*Must not be one of the following elements: `icon`, `icon_left`, `icon_active`, `icon_inactive`* | | right |
true
Content | - | no |
true
Content
*Must not be one of the following elements: `icon_right`* | | center |
`Element`
`String` | - | no | | | icon |
<Object> = Icon
<String> | - | no |
Icon-Element
Name of Icon as String
| | icon_left |
<Object> = Icon
<String> | - | no |
Icon-Element
Name of Icon as String
| | icon_right |
<Object> = Icon
<String>
<Boolean> | - | no |
Icon-Element
Name of Icon as String
| | icon_active |
<Object> = Icon
<String> | - | no |
Icon-Element
Name of Icon as String
| | icon_inactive |
<Object> = Icon
<String> | - | no |
Icon-Element
Name of Icon as String
| | text_active |
<String> | - | no | | | text_inactive |
<String> | - | no | | | attr |
PlainObject | {} | no | | | name |
<String> | - | no | | | hidden |
<Boolean>
function() | - | no |
true
false
| | menu |
PlainObject | - | no | | | menu_on_hover |
<Boolean> | - | no |
true
false
| | menu_parent | ? Menu | - | no | | | menu |
PlainObject | - | no | | | radio |
<String>
<Boolean> | - | no |
true
false
| | radio_allow_null |
<Boolean> | - | no |
true
false
| | switch |
<Boolean> | - | no |
true
false
| | active |
<Boolean> | - | no |
true
false
| | activate_initial |
<Boolean> | true | no |
true
false
| | group |
<String> | - | no |   | ## Callbacks Button | Callback | Format | Default | Mandatory | Description | | --- | --- | :---: | :---: | --- | | onClick |
function() | - | no | Functional description of the button's response to the user's click. | | onActivate |
function() | - | no | | | onDeactivate |
function() | - | no |   | ``` @@include(../../core/dom/dom_p.md)