jamesmfriedman/rmwc

RMWC is a React UI Kit built on Google's official Material Components Web library.

RMWC Checkbox component

Progress and activity indicators are visual indications of an app loading content.

RMWC Snackbar component

On/off switches toggle the state of a single settings option. The option that the switch controls, as well as the state it’s in, should be made clear from the corresponding inline label. Switches take on the same visual properties of the radio button.

RMWC Toolbar component

RMWC Chip component

RMWC Data Table Component

RMWC Dialog component

RMWC Drawer component

RMWC Elevation component

RMWC NotchedOutline component

RMWC TopAppBar component

RMWC Menu component

RMWC Provider component

Tabs make it easy to explore and switch between different views.

RMWC TextField component

Circular progress indicators display progress by animating an indicator along an invisible circular track in a clockwise direction. They can be applied directly to a surface, such as a button or card.

RMWC Ripple component

RMWC Slider component

RMWC Floating Action Button component

RMWC FloatingLabel component

RMWC Grid component

RMWC ImageList component

RMWC List component

RMWC Select component

RMWC Theme component

RMWC base module

MDC Form Field provides an mdc-formfield helper class for easily making theme-aware, RTL-aware form field + label combos. It also provides an MDCFormField class for easily making input ripples respond to label events.

RMWC Icon component

Material Design’s text sizes and styles were developed to balance content density and reading comfort under typical usage conditions.

Icon buttons allow users to take actions, and make choices, with a single tap.

Buttons communicate the action that will occur when the user touches them.

RMWC Card component

RMWC GridList component

RMWC LineRipple component

RMWC Radio component

Tooltips display informative text when users hover over, focus on, or tap an element.

RMWC Shared Typescript Types

RMWC avatar component

Badges are small status descriptors for UI elements. A badge consists of a small circle, typically containing a number or other short set of characters, that appears in proximity to another object.

RMWC toggle module

RMWC Shape component

RMWC FormField component