To add custom CSS style to button UI component you need to add buttonClasses configuration option to the component. additionalClasses option does not work for buttons.
|
1 2 3 |
<item name="config" xsi:type="array"> <item name="buttonClasses" xsi:type="string">change-shipping-address-button</item> </item> |
To add custom CSS to Magento 2 you need to create YourModule/view/area/web/css/source/_extend.less or YourModule/view/area/web/css/source/_module.less file with you CSS. For example
|
1 2 3 |
.change-shipping-address-button { display: block; } |
To be able to display button as link on frontend you need to add following CSS to you _module.less or _extend.less file
|
1 2 3 |
.action-additional { &:extend(.abs-action-button-as-link all); } |
And you need to set your displayAsLink button configuration option as true in your ui component.xml file
|
1 |
<item name="displayAsLink" xsi:type="boolean">true</item> |
