0.7.0 • Published 6 months ago

@blaze-react/modal v0.7.0

Weekly downloads
907
License
ISC
Repository
-
Last release
6 months ago

Description

A modal dialog is a dialog that appears at the top of the main content. Use a modal for dialog boxes, forms, confirmation messages or other content that can be accessed.

Usage

  • Simple
const actions = [
  {
    callback: () => ({}),
    textButton: "Action 1"
  },
  {
    callback: () => ({}),
    textButton: "Action 2"
  }
];

<Modal title="Simple Modal" actions={actions} IsSimple>
  <p>lorem ipsum dolor...</p>
</Modal>;
  • Alert
const alertActions = [
  {
    callback: () => ({}),
    modifiers: "alert small",
    textButton: "delete"
  }
];

<Modal actions={alertActions} buttonModifiers="rounded alert" isAlert>
  <p>Delete item?</p>
</Modal>;
  • Scrollable
<Modal
  title="Scrollable Modal"
  buttonModifiers="outline dark rounded"
  actions={actions}
>
  <p>
    Content here that may need to be scrolled, can be text/forms/etc. Default
    modal with scrollable content:
  </p>
  <ol>
    <li>Lorem</li>
    <li>Ipsum</li>
    <li>Dolor</li>
  </ol>
  ...etc
</Modal>

API

Modal can receive a number of props as follow:
NAMETYPEDEFAULT
titleStringempty
actionsArray[]
isAlertBooleanfalse
isSimpleBooleanfalse
isUploadBooleanfalse
showFooterBooleantrue
isFullScreenBooleanfalse
onCloseFunction() => {}
0.8.0-alpha.64

7 months ago

0.8.0-alpha.66

6 months ago

0.8.0-alpha.58

2 years ago

0.8.0-alpha.56

2 years ago

0.8.0-alpha.52

2 years ago

0.8.0-alpha.44

2 years ago

0.8.0-alpha.43

2 years ago

0.8.0-alpha.46

2 years ago

0.8.0-alpha.45

2 years ago

0.8.0-alpha.39

2 years ago

0.8.0-alpha.42

2 years ago

0.8.0-alpha.41

2 years ago

0.8.0-alpha.33

3 years ago

0.8.0-alpha.35

3 years ago

0.8.0-alpha.31

3 years ago

0.8.0-alpha.26

3 years ago

0.8.0-alpha.24

3 years ago

0.8.0-alpha.23

3 years ago

0.8.0-alpha.21

3 years ago

0.8.0-alpha.14

3 years ago

0.8.0-alpha.16

3 years ago

0.8.0-alpha.11

3 years ago

0.8.0-alpha.10

3 years ago

0.8.0-alpha.13

3 years ago

0.8.0-alpha.19

3 years ago

0.8.0-alpha.18

3 years ago

0.8.0-alpha.20

3 years ago

0.8.0-alpha.9

3 years ago

0.8.0-alpha.7

3 years ago

0.8.0-alpha.6

3 years ago

0.8.0-alpha.4

3 years ago

0.8.0-alpha.3

3 years ago

0.7.0

3 years ago

0.6.4

3 years ago

0.6.2

3 years ago

0.6.0

3 years ago

0.5.31

3 years ago

0.5.28

3 years ago

0.5.19

4 years ago

0.5.17

4 years ago

0.5.15

4 years ago

0.5.13

4 years ago

0.5.12

4 years ago

0.5.9

4 years ago

0.5.8

4 years ago

0.5.0

4 years ago

0.4.57

4 years ago

0.4.55

4 years ago

0.4.54

4 years ago

0.4.52

4 years ago

0.4.48

4 years ago

0.4.47

4 years ago

0.4.46

4 years ago

0.4.42

4 years ago

0.4.37

4 years ago

0.4.38

4 years ago

0.4.37-alpha.0

4 years ago

0.4.36

4 years ago

0.4.32

4 years ago

0.4.33

4 years ago

0.4.34

4 years ago

0.4.29

4 years ago

0.4.27

4 years ago

0.4.22

4 years ago

0.4.21

4 years ago

0.4.16

4 years ago

0.4.15

4 years ago

0.4.14

4 years ago

0.4.10

4 years ago

0.4.8

4 years ago

0.4.7

4 years ago

0.4.3

4 years ago

0.4.0

4 years ago

0.3.59

4 years ago

0.3.58

4 years ago

0.3.53

4 years ago

0.3.52

4 years ago

0.3.51

4 years ago

0.3.50

4 years ago

0.3.49

4 years ago

0.3.47

4 years ago

0.3.46

4 years ago

0.3.45

4 years ago

0.3.44

4 years ago

0.3.43

4 years ago

0.3.42

4 years ago

0.3.41

4 years ago

0.3.39

4 years ago

0.3.38

4 years ago

0.3.35

4 years ago

0.3.33

5 years ago

0.3.32

5 years ago

0.3.31

5 years ago

0.3.30

5 years ago

0.3.29

5 years ago

0.3.28

5 years ago

0.3.9

5 years ago

0.3.5

5 years ago

0.3.4

5 years ago

0.3.0

5 years ago

0.2.9

5 years ago

0.2.8

5 years ago

0.2.5

5 years ago

0.2.3

5 years ago

0.2.1

5 years ago

0.2.0

5 years ago

0.1.3

5 years ago

0.1.2

5 years ago

0.1.1

5 years ago