@licuido-ui/ui_dialog v4.0.1

DialogBox

The DialogBox component is a customizable modal dialog box that can be used to display information, messages, or custom content with optional title, body, and footer components.

Author

• @author Narayanamoorthi narayana@crayond.co

Link

Story Book Link DialogBox

PlayGround

Try it have a fun codeBox

Installation

npm i "@licuido-ui/ui_dialog"

Import component

import { DialogBox } from '@licuido-ui/ui_dialog';

Usage

<DialogBox
  open={open}
  handleClose={handleClose}
  closeIcon={<HighlightOffIcon />}
  title='Upload Box'
  maxWidth='sm'
  Body={}
  footerComponent={}
/>

Image

Sample Code

<DialogBox
  open={open}
  handleClose={handleClose}
  closeIcon={<HighlightOffIcon />}
  title='Upload Box'
  maxWidth='sm'
  Body={
    <Box>
      <Typography>Duis mollis, wqrhdqwifoqwjf</Typography>
    </Box>
  }
  footerComponent={
    <Box>
      <Button>Disagree</Button>
      <Button>Agree</Button>
    </Box>
  }
/>

Props