Collection of theme-ui and external components.
created:3/15/2021
updated:3/15/2021
source lines:30
comments %:3

MenuButton

theme-ui
0.6.0-alpha.7

MenuButton variants can be defined in the

theme.buttons
object. By default the MenuButton component will use styles defined in
theme.buttons.menu
.

Component

import { MenuButton } from 'theme-ui';

Overview

({ variant }) => (
<MenuButton variant={variant} />
)

Controls

Name
Description
Default
Controls
variant
string
-

Properties

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)

External dependencies

package
imports
peer
react
React

Internal dependencies

file
imports
"./Box"
"./IconButton"

Component JSX