Napoleon's Penguin Mascot

    @ies-ds/react-ui
    TypeScript icon, indicating that this package has built-in type declarations

    0.9.1-beta.0 • Public • Published

    @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....

    Install

    npm i @ies-ds/react-ui

    DownloadsWeekly Downloads

    30

    Version

    0.9.1-beta.0

    License

    none

    Unpacked Size

    3.37 MB

    Total Files

    279

    Last publish

    Collaborators

    • gavin.mcnamee