Skip to content
Custom modal component
TypeScript JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
example
src
webpack
.editorconfig
.gitattributes
.gitignore
.npmignore
.prettierrc
README.md
package.json
template.ejs
tsconfig-compile.json
tsconfig-node.json
tsconfig.json
yarn.lock

README.md

Meson Modal

Modal components for Meson form and other cases... Customized for JimengIO projects.

Usage

yarn add @jimengio/meson-modal
  • Modal

Demo http://fe.jimu.io/meson-modal/#/modal

import { MesonModal } from "@jimengio/meson-modal";

<MesonModal
  title={"DEMO modal"}
  visible={noMovingVisible}
  onClose={() => {
    setNoMovingVisible(false);
  }}
  disableMoving
  renderContent={() => {
    return (
      <div>
        <span
          onClick={() => {
            setNoMovingVisible(false);
          }}
        >
          Close
        </span>
      </div>
    );
  }}
/>;
  • Drawer

Demo http://fe.jimu.io/meson-modal/#/drawer

import { MesonDrawer } from "jimengio/meson-drawer";

<MesonDrawer
  title={"Custom header"}
  width={800}
  visible={customVisible}
  headerClassName={styleHeader}
  onClose={() => {
    setCustomVisible(false);
  }}
  renderContent={() => {
    return <div>NOTHING</div>;
  }}
/>;

Workflow

https://github.com/jimengio/ts-workflow

License

MIT

You can’t perform that action at this time.