# Button The button is used to start an instant action. ## Code demo Button ```xml Button ``` ## Attribute ### `type` There are four types of buttons

Primary button

Warning button

Text button

Default button

```xml Primary button

Warning button

Text button

Default button ``` ### `disabled` Adding the disabled attribute makes the button unavailable and changes the button style.

Primary button

Warning button

Text button

Default button

```xml Primary butto

Warning button

Text button

Default button ``` ### `icon` When you need to embed an Icon inside a Button, you can set the icon property or use the Icon component directly inside a Button. If you want to control the specific position of the Icon, you can only use the Icon component directly, not the icon property.

Default button

Primary button

```xml Default button Primary button ``` ### 特效 effect If you want a pure Button, you can add effect = false to block the water ripple effect when clicked Default button Primary button ```xml Default button Primary button ```