SfCounter provides formatting for numerical values. This can be used to show things like quantities of an item or number of reviews. Since it's a part of so many complex components,
SfChip can be used to provide consistent styles across your application.
SfCounter will put parentheses around its children.
SfCounter supports 6 different sizes that can be set with the
'lg'. The default size is
SfCounter accepts a
pill prop that will create a border around your counter rather than adding parentheses around it.
You can customize the colors of
SfCounter by passing Tailwind classes.
The root element of
SfCounter is a
<span>. Since a
<span> is an inline element, you should avoid placing block elements (like
p) inside of it.