Nimble Design System

This is the design system for Nimble front end react projects.

Key Features • How To Use • Download • Credits • Related • License

Key Features

• Autocomplete Component
  • Material UI Autocomplete wrapper component

How To Use

You can use this npm package on any React project (Js / Typescript)

# Install the library
$ yarn add nimble-design-system

# Usage
import {NimbleAutoComplete} from 'nimble-design-system'

# Nimble Dialog Component Usage
import {NimbleDialog} from 'nimble-design-system'

  <NimbleDialog
    open={true}
    title="Sample Title"
    metaData={null}
    parimaryActionLabel="Save"
    onClickPrimaryAction={() => { alert(value)}}>
        <div>
          <br />
          <TextField
            label="Enter Name"
            size="small"
            onChange={(e) => setValue(e.target.value)}
          />
        </div>
  </NimbleDialog>

Credits

This software uses the following open source packages:

• Node.js
• React Material UI
• React.js
• Typescript

License

MIT

---

GitHub @manoj201  ·