Close Button
Interactive icon elements that dismiss or close content when activated, featuring contextual visual styling and state-based interaction feedback.
On this page
This documentation is a work in progress and may contain incomplete or outdated
information. If you have any feedback or suggestions, please open an issue on GitHub.
Props
Configurable properties that control the appearance, behavior, and functionality of close button components.
Close Button
Properties that define the visual state and interactive behavior of button elements.
context variant
Controls the visual style and semantic meaning of the button based on its intended purpose and importance.
- default
- alternate
- primary
- secondary
- neutral
- danger
- success
- warning
- info
- black
- white
size variant
Controls the dimensional scale and proportional relationships of the button component.
- large
- medium
- small
state variant
Controls the interactive state and visual feedback of the button based on user interaction.
- idle
- hover
- press
- disabled