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

Text

The Text component uses

theme.text.default
as its default variant style.

Overview

Hello

({
fontWeight,
fontSize,
}) => (
<Text
sx={{
fontSize,
fontWeight,
}}
>
Hello
</Text>
)

Controls

Name
Description
Default
Controls
fontWeight
options
normal
fontSize
number
4

A11y tests

Hello

Viewport

Hello
320px

Hello
375px

Hello
768px

Hello
1024px