@remirror/ui v1.0.0

@remirror/ui

This library is the base for all the UI (user interface) components and styles within Remirror. It uses @emotion/core and @styled-system/css, but was inspired by theme-ui.

Installation

yarn add @remirror/ui @remirror/core @remirror/react

Usage

Firstly, create the theme or use a custom theme preset.

sx

The sx utility comes from the @styled-system/css package and is intended for use with the Emotion css prop. It will attempt to use values from the theme object for many common CSS properties, and will fall back to raw values when there is no corresponding theme value.

To see a list of supported CSS properties, see the Styled System CSS docs.

sx(styleObject)(theme);

Usage:

<div css={sx(styles)} />