A common use case for primer is a button with a counter component which shows the child count value.
We provide Button.Counter as a composite component which requires you to provide a number as child.
The counter will match the variant styles of the parent button.
Styling a button
A button can be styled in an appropriate manner using the sx prop. This may be to change width, or to add margins etc.
Here's an example of a block button which takes 100% of available width. Checkout styled-system to see what you can send in an sx prop.
Native <button> HTML attributes are forwarded to the underlying React button component and are not listed below.
Button description along with other components like Counter could be used here.