@egovernments/digit-ui-components
Version:
## Install
138 lines (93 loc) • 3.23 kB
Markdown
# digit-ui-components
## Install
```bash
npm install --save @egovernments/digit-ui-components
```
## Limitation
```bash
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
```bash
frontend/micro-ui/web/package.json
```
```json
"@egovernments/digit-ui-components":"0.2.0",
```
then navigate to App.js
```bash
frontend/micro-ui/web/src/App.js
```
# Syntax for importing any components
```jsx
import { SVG } from "@egovernments/digit-ui-components";
<SVG.Accessibility />;
```
# Local Development to check storybook
Use Node 14 version
Step 1
```bash
yarn install
```
Step 2
```bash
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:
```jsx
<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:
```jsx
<Toast info={true} label={"Info Toast"} />
<Toast warning="warning" label={"Warning Toast"}/>
<Toast error={true} label={"Error Toast"}/>
```
- New Usage:
```jsx
<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](./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](https://github.com/jagankumar-egov)
