Skip to content

<button-style> ​

Example ​

xml
<button-style id="my-style">
    <active />
    <hovered />
    <pressed />
    <disabled />
</button-style>

Attributes ​

AttributeTypeRequired
idstringYes
background-colorstringNo
background-gradientstringNo
text-colorstringNo
border-colorstringNo
border-widthfloatNo
border-radiusfloatNo
border-radius-top-leftfloatNo
border-radius-top-rightfloatNo
border-radius-bottom-rightfloatNo
border-radius-bottom-leftfloatNo
shadow-colorstringNo
shadow-offset-xfloatNo
shadow-offset-yfloatNo
shadow-blur-radiusfloatNo
snapbooleanNo

States ​

<active> ​

AttributeTypeRequired
background-colorstringNo
background-gradientstringNo
text-colorstringNo
border-colorstringNo
border-widthfloatNo
border-radiusfloatNo
border-radius-top-leftfloatNo
border-radius-top-rightfloatNo
border-radius-bottom-rightfloatNo
border-radius-bottom-leftfloatNo
shadow-colorstringNo
shadow-offset-xfloatNo
shadow-offset-yfloatNo
shadow-blur-radiusfloatNo
snapbooleanNo

<hovered> ​

AttributeTypeRequired
background-colorstringNo
background-gradientstringNo
text-colorstringNo
border-colorstringNo
border-widthfloatNo
border-radiusfloatNo
border-radius-top-leftfloatNo
border-radius-top-rightfloatNo
border-radius-bottom-rightfloatNo
border-radius-bottom-leftfloatNo
shadow-colorstringNo
shadow-offset-xfloatNo
shadow-offset-yfloatNo
shadow-blur-radiusfloatNo
snapbooleanNo

<pressed> ​

AttributeTypeRequired
background-colorstringNo
background-gradientstringNo
text-colorstringNo
border-colorstringNo
border-widthfloatNo
border-radiusfloatNo
border-radius-top-leftfloatNo
border-radius-top-rightfloatNo
border-radius-bottom-rightfloatNo
border-radius-bottom-leftfloatNo
shadow-colorstringNo
shadow-offset-xfloatNo
shadow-offset-yfloatNo
shadow-blur-radiusfloatNo
snapbooleanNo

<disabled> ​

AttributeTypeRequired
background-colorstringNo
background-gradientstringNo
text-colorstringNo
border-colorstringNo
border-widthfloatNo
border-radiusfloatNo
border-radius-top-leftfloatNo
border-radius-top-rightfloatNo
border-radius-bottom-rightfloatNo
border-radius-bottom-leftfloatNo
shadow-colorstringNo
shadow-offset-xfloatNo
shadow-offset-yfloatNo
shadow-blur-radiusfloatNo
snapbooleanNo