@digit-ui/digit-ui-components

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.

Published from DIGIT-UI-LIBRARIES

DIGIT-UI-LIBRARIES Repo (https://github.com/egovernments/DIGIT-UI-LIBRARIES/tree/master)

Contributors

[nabeelmd-egov] [anilsingha-eGov] [nipunarora-eGov] [swathi-egov] [jagankumar-egov]

Reference

Home Page (https://unified-dev.digit.org/storybook/)

License

MIT © jagankumar-egov