@digit-ui/digit-ui-components NPM

digit-ui-components

Install

npm install --save @egovernments/digit-ui-components

Limitation

This Package is more specific to DIGIT-UI's can be used across mission's

Usage

After adding the dependency make sure you have this dependency in

frontend/micro-ui/web/package.json

"@egovernments/digit-ui-components":"0.0.1",

then navigate to App.js

 frontend/micro-ui/web/src/App.js

Syntax for importing any components

import { SVG } from "@egovernments/digit-ui-components";

<SVG.Accessibility />;

Local Development

Use Node 14 version

Step 1

yarn install

Step 2

yarn storybook

0.0.1-beta.28 - 2024-05-24

New Changes

Added restrictSelection prop in Multiselectdropdown. If this is sent as true, it restricts any option to get selected.
- Usage:
```
    <MultiSelectDropdown
      restrictSelection={true}
    />
```

0.0.1-beta.22 - 2024-05-20

Breaking Changes

Toast Component: From this version of ui-components, the Toast component has a new prop named type, replacing the separate props for info, warning, and error.

Old Usage:

    <Toast info={true} label={"Info Toast"} />
    <Toast warning="warning" label={"Warning Toast"}/>
    <Toast error={true} label={"Error Toast"}/>

New Usage:

    <Toast type="info" label={"Info Toast"} />
    <Toast type="warning" label={"Warning Toast"} />
    <Toast type="error" label={"Error Toast"} />
    <Toast type="success" label={"Success Toast"} />

Changelog

Summary for Version 0.0.2 - 2024-06-03

New Changes

Added Error Message Component.
Added Info Button Component.
Added Panels Component.
Added Popup Component with two variants: default and alert.
Added RemoveableTag Component.
Added Stepper Component.
Added TextBlock Component.
Added Timeline Component.
Added Uploader Component with three variants: UploadFile, UploadPopup, and UploadImage.
Added PanelCard Molecule.

Enhancements

Updated Button Component Styles.
Updated Dropdown Component Styles and added SelectAll Option.
Updated InfoCard Component Styles.
Added Animation for Toast.
Added new prop type for Toast, replacing the separate props for info, warning, and error.
Updated Typography with lineHeight.
Updated Color Typography.

For a detailed changelog, see the CHANGELOG.md file.