@medmain/react-ui-kit

React shared components used in Medmain web applications

Usage no npm install needed!

<script type="module">
  import medmainReactUiKit from 'https://cdn.skypack.dev/@medmain/react-ui-kit';
</script>

README

Medmain React UI Kit package

React UI Kit is a set of React components used in all Medmain applications.

It includes components needed for common needs in web applications: buttons, input fields, grid layouts...

Getting started

Install it with npm:

npm install @medmain/react-ui-kit

Import the components from your pages:

import {Button} from '@medmain/react-ui-kit'

To develop or view the components in action, see the Playground application.

Available components

Buttons

  • Button
  • RoundButton
  • RoundBackButton
  • RoundCloseButton

Form components

  • Asterisk
  • CheckboxInput
  • DateInput
  • FileChooser
  • Form
  • Input
  • Label
  • LabelHelp
  • NumberInput
  • Select
  • TextArea
  • TextInput

Dropdown menu

  • DropdownMenu
  • DropdownItem

Icons

  • AddIcon
  • RemoveIcon

Modal/Popup

  • Modal

List of items/Table

  • List

Layout

  • Row
  • Col

Tabs

  • Tabs
  • Tab

Typography

  • Heading1
  • Heading2
  • Heading3

Misc

  • Badge
  • PDFViewer
  • Spinner