@digit-ui/digit-ui-react-components

digit-ui-react-components

Install

npm install --save @digit-ui/digit-ui-react-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

"@digit-ui/digit-ui-react-components":"1.4.108",

then navigate to App.js

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

Syntax for importing any component;

import React, { Component } from "react";
import MyComponent from "@digit-ui/digit-ui-react-components";

class Example extends Component {
  render() {
    return <MyComponent />;
  }
}

Syntax for the Inbox Composers

    import { InboxSearchComposer } from "@digit-ui/digit-ui-react-components";

    <React.Fragment>
      <Header className="works-header-search">{t(updatedConfig?.label)}</Header>
      <div className="inbox-search-wrapper">
        <InboxSearchComposer configs={updatedConfig}></InboxSearchComposer>
      </div>
    </React.Fragment>

Syntax for the FormComposersV2

    import { FormComposerV2 as FormComposer } from "@digit-ui/digit-ui-react-components";

   <React.Fragment>
      <Header >{t("CREATE_HEADER")}</Header>
      <FormComposer
        label={t("PROCEED")}
        config={configs.map((config) => {
          return {
            ...config,
            body: config.body.filter((a) => !a.hideInEmployee),
          };
        })}
        defaultValues={sessionFormData}
        onFormValueChange={onFormValueChange}
        onSubmit={onFormSubmit}
        fieldStyle={{ marginRight: 0 }}
        className="form-no-margin"
        labelBold={true}
      />
    </React.Fragment>

Changelog

1.4.100 published for checking webpack usecase

Contributors

[jagankumar-egov] [nipunarora-eGov] [Tulika-eGov] [Ramkrishna-egov] [nabeelmd-eGov] [anil-egov] [vamshikrishnakole-wtt-egov]

Published from DIGIT Core

Digit Dev Repo (https://github.com/egovernments/DIGIT-Dev/tree/digit-ui-core)

License

MIT © jagankumar-egov