@ies-ds/react-ui v0.12.3

@ies-ds/react-ui

IES Design System React UI Components

IES Design System - React UI Components https://design.iesve.com

See Changelog

Installation

Install the package in your project directory

Install using NPM:

npm install --save @ies-ds/react-ui

Install using Yarn:

yarn add @ies-ds/react-ui

Import components into the application.

To import the Text component from the IES design system, use the following:

import { Text } from '@ies-ds/react-ui';

<Text>Hello World!</Text>;

All UI components can be imported using the same method. The current components are listed below.

Theming

Wrap the application with the ThemeProvider to add global styling and theming. See ThemeProvider

import { ThemeProvider, light, dark } from '@ies-ds/react-ui';

<ThemeProvider theme={light}>
  <App />
</ThemeProvider>;

Induvidual components can be also be wrapped with the ThemeProvider to override the global style/theme.

<ThemeProvider theme={light}>
  <App>
    <ThemeProvider theme={dark}>
      <Button />
    </ThemeProvider>
  </App>
</ThemeProvider>

Components

Browse the components

https://design.iesve.com

Documentation

Coming soon....