Usage
Default
Use the label prop to set the text of the component.
Colors
Use the color prop to customize the component's color.
Variants
Use the variant prop to customize the component's appearance.
Rounded
Use the border-radius prop to customize the border radius.
Limit
Use the limit prop to set the maximum amount of characters to display. Once the amount characters goes beyond the limit, a plus sign is added after the displayed characters.
Elevated
Use the elevated prop to add a drop shadow.
Pulse
Use the pulse prop to indicate a transient state, such as "thinking". The animation is disabled when the user prefers reduced motion. On CLButton, use the badgePulse prop; the button remains interactive.
The pulse is visual only, so convey the state to assistive technology as well, e.g. via the button's aria-label.