react-material-design-lite

React component wrappers around Google's Material Design Lite library

Usage

How to use each of the packages

Badges

Badges are great ways to show how many of an item there are. With rmdl we have made it easier to create the badge name and the label of the badge:

	<Badge data-badge='2'>Badge</Badge>

React component wrappers around Google's Material Design Lite library.

Usage

Text Fields:

<TextField>

  • floating
  • expandable

<TextFieldInput>

  • rows - makes multiple lined input field
  • pattern - will create a testable RegEx to relay an error

<TextFieldError>

<TextFieldLabel>

  • label
  • icon within

TextFieldTextarea

  • rows - will show an amount of rows

Icons

<Icon>

  • builds an Icon with the child name inside of a span

You can nest anything you want inside of <DreopDownMenu>