0.1.0 • Published 3 years ago

@talixo/modal v0.1.0

Weekly downloads
15
License
MIT
Repository
github
Last release
3 years ago

Talixo Modal

UI Kit modal component. It can be used as a wrapper that shows provided content above the rest of a page

How to install

Package is available as @talixo/modal in NPM registry, so you can use it in your project using npm install @talixo/modal --save or yarn add @talixo/modal.

Requirements

Your package should additionally have some extra dependencies:

  • @talixo/portal: ^0.1.0
  • @talixo/shared: ^0.1.0
  • prop-types: ^15.6.1
  • react: ^16.2.0
  • react-dom: ^16.2.0

These packages are required by @talixo/modal, but you have to install them manually, to avoid having different versions of these in your application.

Supported props

It allows any props which are allowed for div. Additionally, it handles some differently:

Modal

Property nameTypeDefaultDescription
classNamestringn/aadditional class name passed to wrapper
childrennodesn/acontent of modal, including header and footer
openbooltruecontrols whether modal is open
informationalboolfalseit's simple, informational modal
iconnoden/aicon to show in informational modal
typestringn/aType of informational modal for styling: success, info, warning or error
attachToElementbodyHTML element where open modal should be attached to

ModalHeader

It allows any props which are allowed for header. Additionally, it handles some differently:

Property nameTypeDefaultDescription
classNamestringn/aadditional class name passed to wrapper

ModalFooter

It allows any props which are allowed for footer. Additionally, it handles some differently:

Property nameTypeDefaultDescription
classNamestringn/aadditional class name passed to wrapper

Changelog

  • 0.1.0 - initial version
1.0.0-alpha.35

3 years ago

1.0.0-alpha.31

3 years ago

1.0.0-alpha.30

3 years ago

1.0.0-alpha.27

3 years ago

1.0.0-alpha.24

3 years ago

1.0.0-alpha.21

3 years ago

1.0.0-alpha.20

3 years ago

1.0.0-alpha.19

3 years ago

1.0.0-alpha.16

3 years ago

1.0.0-alpha.13

4 years ago

1.0.0-alpha.12

4 years ago

1.0.0-alpha.7

4 years ago

1.0.0-alpha.6

4 years ago

1.0.0-alpha.5

4 years ago

1.0.0-alpha.4

4 years ago

1.0.0-alpha.2

4 years ago

0.1.0

4 years ago