All Release Notes
Introducing consistent button sizes in the UI Kit
20 March 2023
Composable Commerce
Merchant Center Customizations
New feature
Merchant CenterDevelopment
The size
prop on the UI Kit button components lets you set the size. However, the size
values across different button components were inconsistent. For example, the PrimaryButton
supported the small
and big
sizes while the SecondaryButton
only had the big
size.
Starting from UI Kit version 15.14.0
, the button components accept consistent values for the size
prop, as described below.
PrimaryButton
:
- Default size:
big
. - Available sizes:
medium
,big
. - Changes: Replaced the
small
size withmedium
for consistency. Thesmall
size will continue to work until the deprecation notice.
SecondaryButton
:
- Default size:
big
. - Available sizes:
medium
,big
. - Changes: Added the
medium
size.
PrimaryIconButton
:
- Default size:
big
. - Available sizes:
small
,medium
,big
. - Changes: No changes.
SecondaryIconButton
:
- Default size:
big
. - Available sizes:
small
,medium
, andbig
. - Changes: Added two new size options—
small
andmedium
.
As always, if you have questions or feedback, you can open a GitHub Discussion or a GitHub Issue.