Getting Started
Theming

COMPONENTS

Box
Button
Drawer
Flex
Heading
Input
Navbar
Tabs
Text
Textarea

Getting Started

Install Composite UI.

npm install composite-ui

Add the Emotion peer dependencies if not already installed.

npm install @emotion/core @emotion/styled

Add the

ThemeProvider
component to the root of your application.

import React from 'react';
import { ThemeProvider, baseTheme } from 'composite-ui';
import App from './App.js';
ReactDOM.render(
<ThemeProvider theme={baseTheme}>
<App />
</ThemeProvider>,
document.getElementById('root')
);

You can also build and provide your own custom theme. Learn how to build a custom theme in our section on theming.