Close

0.6.0-alpha.7

Button 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.

import { Close } from 'theme-ui';

	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)

package	imports	peer
react	React

file	imports
"./IconButton"	IconButton