10 Likes

React Material UI components implementing Google's material design. (c) 2014 Call-Em-All https://github.com/callemall/material-ui

app-bar

React App Bar, formerly known as the action bar in Android, is a special kind of toolbar that’s used for branding, navigation, search, and a


4
81

auto-complete

React Auto-complete is an extension of a regular text-field that will auto-complete the input dynamically


2
02

avatar

Avatars can be used to represent people or object


6
06

badge

React Badge component generates a small badge to the top-right of its child(ren)


2
72

bottom-navigation

React Bottom navigation is a special kind of toolbar that’s used for navigation


2
71

React Bottom navigation item


2
232

card

React Card action


1
01

React Card expandable


1
01

React Card header


2
71

React Card media


3
71

React Card text


2
71

React Card title


2
71

checkbox

chip

React Chips represent complex entities in small blocks, such as a contact


2
03

date-picker

Date picker calendar


2
171

Date picker action buttons


2
331

Date picker calendar month


2
331

Date picker calendar toolbar


2
331

Date picker calendar year


2
331

Date picker date-display


2
331

React Date Pickers are used to select a single date for an input


2
11

Date picker dialog


2
51

Date picker day button


2
451

Date picker year button


2
451

dialog

React Dialogs contain text and UI controls focused on a specific task


2
131

divider

Dividers group and separate content within lists and page layouts


3
1321

drawer

React Drawer slides in from the side


2
61

flat-button

React Flat Buttons are used for general functions and reduce the amount of layering on the screen, making it more readable


3
1081

React Flat Button Label.


3
1261

floating-action-button

React Floating Action Button is used for frequently used functions


3
33

font-icon

React font icon


3
2711

grid-list

Simple flex-box based Grid List implementation


2
01

Grid list title


2
01

icon-button

Can be used to pass a FontIcon element as the icon for the button.


3
942

icon-menu

Icon Menus are menus that open from icons


2
51

internal

React Auto Lock Scrolling


2
561

BeforeAfterWrapper


2
251

Clear fix


2
121

ClickAwayListener Component


3
1501

React enhanced button


3
4291

Because both the ripples and the checkbox input cannot share pointer


3
1151

Expand transition child


2
261

React Overlay


2
401

React render to layer


3
1562

Override the inline-styles of the root element.


3
6701

Slide in child


2
592

React tool-tip


3
2061

list

React Lists are used to present multiple items vertically as a single continuous element


3
1651

Lists are used to present multiple items vertically as a single continuous element


3
611

React Make-selectable-list


3
31

React Nested Lists


3
791

paper


3
2273

popover

React Popover can be used as an alternative to a Drop Down Menu that can contain elements inside


2
932

React Popover default animation


2
1352

Popover Animation vertical


2
242

progress

React Circular Progress will rotate to show the progress of a task or that there is a wait for a task to complete


2
71

React Linear Progress bars fill from 0% to 100% to show the progress of a task


2
71

React Refresh indicator is used when showing an item is loading


2
71

radio-button

Radio buttons are switches used for selection from multiple options


2
231

React Radio button group


2
61

raised-button

React Raised Button is used to add dimension to mostly flat layouts and emphasizes important functions on your page


3
51

select-field

React Select-field


2
01

slider

React Slider is an interface for users to input a value in a range


2
51

snackbar

React Snackbars provide lightweight feedback about an operation by showing a brief message at the bottom of the screen


3
91

React Snackbar body - Snackbars provide lightweight feedback about an operation by showing a brief message at the bottom of the screen


2
241

stepper

Stepper step


2
171

Stepper step button


2
51

Stepper step connector


2
171

Stepper step content


2
51

Stepper Label


2
171

React Stepper is an interface for users to show numbered steps or for navigation


2
51

styles

Automatic prefixer for muiTheme


6
02

Color sceheme definition for muiTheme


7
13.1K1

3
7631

dynamic prefix definition for muiTheme’s inline styles


6
10.7K1

Handle events


3
5771

Get the MUI theme corresponding to a base theme


6
5.6K1

This function ensures that style supports both ltr and rtl directions by


7
8.2K1

Static inline style prefix definition for muiTheme


6
10.7K1

Style definition for transitions


6
5.8K1

Singleton class for typography style definition and constants


7
02

sub-header

React Subheaders are special list tiles that delineate distinct sections of a list or grid list and are typically related to the current fil


3
1991

table

Tables are used to display data and to organize it


2
01

Tabel body


2
01

Table footer


2
01

Table header


2
01

Table header column


2
21

Table row


2
01

Table row column


3
41

tabs

Tab Ink Bar


2
21

Tab Tab


2
01

Tab Template


2
21

Tabs make it easy to explore and switch between different views or functional aspects of an app or to browse categorized data sets


2
01

text-field

React Enhanced text area


2
541

React Text fields allow users to input text


2
132

React Text Field Hint


2
531

React Text field Label allow users to input text.


2
531

React Text Field Underline


2
531

theme

Light Theme is the default theme used in material-ui


6
8.2K1

toggle

Toogle - A toggle switch is used as an on/off control


2
01

toolbar

Toolbars are collections of components stacked horizontally against each other


2
01

Toolbar Group


2
01

Toolbar Separator


2
01

Toolbar Title


2
01