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

Message

theme-ui
0.6.0-alpha.7

Styled Box component for callouts and inline messages

Message variants can be defined in the theme.messages object.

Component

import { Message } from 'theme-ui';

Overview

This is just a message for someone to read

() => (
<Message>This is just a message for someone to read</Message>
)

Properties

Name
Description
Default
BoxOwnProps (4 properties)
as
ElementType<any>
-
variant
string
-
css
Interpolation<any>
-
sx
ThemeUIStyleObject
-
SpaceProps (28 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"

Component JSX