INGRED UI is a design system developed to make it easy and quick for anyone to build a user interface. It is based on React and has a well thought out structure that works well with TypeScript.

Install

For npm users:

npm install --save ingred-ui styled-components

For yarn users:

yarn add ingred-ui styled-components

For pnpm users:

pnpm add ingred-ui styled-components

Usage

import * as React from "react";

import { ThemeProvider, createTheme, Button } from "ingred-ui";

const App = () => {
  const theme = createTheme();
  return (
    <ThemeProvider theme={theme}>
      <Button>Sample</Button>
    </ThemeProvider>
  );
};

If you use <DatePicker /> or <DateRangePicker /> , add

import "react-dates/lib/css/_datepicker.css";

Storybook: https://ingred-ui.netlify.app/

License

MIT © CARTA HOLDINGS, Inc.