Skip to content

@theme-ui/editor

Components for editing Theme UI theme objects.

npm i @theme-ui/editor

Demo

Demo Box

text

background

primary

secondary

muted

highlight

gray

accent

darken

body

heading

monospace

Font Weights

body

heading

bold

display

Line Heights

body

heading

Sx Style Object Editor

{ "color": "tomato", "fontSize": 3 }

Padding Left

Padding Top

Lock x-axis

Lock y-axis

Padding Bottom

Padding Right

Color

Background Color

Edit the page on GitHub

@theme-ui/style-guide

gatsby-plugin-theme-ui