Select to view content in your preferred language

Customize border radius and padding styling on calcite button

815
1
04-11-2023 08:57 AM
Labels (1)
IshaKaushik
New Contributor

Hi, I was wondering how one would be able to change the border radius and the padding of the button text inside a standard blue calcite button? 

this is what we are trying to use after creating a custom classname for the button. The border radius is not changing at all and I was wondering if this is something that simply cannot be changed?

 --calcite-button-padding-x-internal: 20px;
  --calcite-button-padding-y-internal: 8px;
 
 
 

 

0 Kudos
1 Reply
KittyHurley
Esri Contributor

@IshaKaushik Button has a round attribute, which adds a rounded style to the Button:

<calcite-button round>Rounded button</calcite-button>

 At this time we do not support customized radius borders for consistency across the design system.

0 Kudos