JSPM

@egovernments/digit-ui-components

0.2.0-rc-test-04
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1595
  • Score
    100M100P100Q108533F
  • License MIT

Package Exports

  • @egovernments/digit-ui-components
  • @egovernments/digit-ui-components/dist/main.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@egovernments/digit-ui-components) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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 to check storybook

Use Node 14 version

Step 1

yarn install

Step 2 

yarn storybook

New Changes

[0.0.1-beta.28] - 2024-05-24

  • Added restrictSelection prop in Multiselectdropdown. If this is sent as true, it restricts any option to get selected.

    • Usage:
          <MultiSelectDropdown
      restrictSelection={true}
    />

Breaking Changes while migrating from any version below 0.0.1-beta.22

[0.0.1-beta.22] - 2024-05-20

  • 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] [bhavya-eGov] [nipunarora-eGov] [swathi-egov] [jagankumar-egov]

Reference

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

Documentation (https://core.digit.org/guides/developer-guide/ui-developer-guide/digit-ui/ui-components-standardisation/digit-ui-components0.2.0)

License

MIT © jagankumar-egov

Logo