Andrade UI

This is a React-based, TypeScript-as-a-first-class-citizen UI library that has an emphasis in minimizing external dependencies on those that are absolutely necessary. Styled-components have been used to allow for easy theming of the components.

Installation

// with npm
npm install andrade

// with yarn
yarn install andrade

Usage

Wrapping your application with the AndradeTheme component is absolutely necessary for passing the theme file down to the rest of the components. Using the theme prop allows you to replace the theme variables with your own.

import { AndradeTheme } from "andrade";

import App from "App";

ReactDOM.render(
    <AndradeTheme>
        <App />
    </AndradeTheme>,
    document.querySelector('#root')
);