created:3/15/2021
updated:3/15/2021
source lines:28
comments %:4
Close
theme-ui
0.6.0-alpha.7Button with close (×) icon.
The Close component renders as a element by default. Pass any button attributes as props to the component.
Close component variants can be defined in the theme.buttons object. The Close component uses theme.buttons.close as its default variant style.
Name | Description | Default | |
|---|---|---|---|
BoxOwnProps (4 properties) | |||
| as | ElementType<any> | - | |
| variant | string | - | |
| css | Interpolation<any> | - | |
| sx | ThemeUIStyleObject | - | |
SpaceProps (28 properties) | |||
ButtonHTMLAttributes (11 properties) | |||
HTMLAttributes (44 properties) | |||
OpacityProps (1 properties) | |||
AriaAttributes (48 properties) | |||
DOMAttributes (161 properties) | |||
Attributes (1 properties) | |||
BackgroundColorProps (2 properties) | |||
RefAttributes (1 properties) | |||
file | imports |
|---|---|
| "./IconButton" |