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

styles

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

7
MIT
Public
1
8.2K

Color sceheme definition for muiTheme

7
MIT
Public
1
13.1K

Singleton class for typography style definition and constants

7
MIT
Public
2
0
6
MIT
Public
1
0

dynamic prefix definition for muiTheme’s inline styles

6
MIT
Public
1
10.7K

Static inline style prefix definition for muiTheme

6
MIT
Public
1
10.7K

Automatic prefixer for muiTheme

6
MIT
Public
2
0

Get the MUI theme corresponding to a base theme

6
MIT
Public
1
5.6K
6
MIT
Public
1
7

Style definition for transitions

6
MIT
Public
1
5.8K
3
MIT
Public
1
883

3
MIT
Public
1
763
3
MIT
Public
1
321

Handle events

3
MIT
Public
1
577

theme

Light Theme is the default theme used in material-ui

6
MIT
Public
1
8.2K

avatar

Avatars can be used to represent people or object

6
MIT
Public
6
0

internal

3
MIT
Public
1
647
3
MIT
Public
1
619
3
MIT
Public
1
702

Override the inline-styles of the root element.

3
MIT
Public
1
670
3
MIT
Public
1
631

Because both the ripples and the checkbox input cannot share pointer

3
MIT
Public
1
115

React tool-tip

3
MIT
Public
1
206

React enhanced button

3
MIT
Public
1
429

ClickAwayListener Component

3
MIT
Public
1
150

React render to layer

3
MIT
Public
2
156

React Auto Lock Scrolling

2
MIT
Public
1
56

React Overlay

2
MIT
Public
1
40

Slide in child

2
MIT
Public
2
59
2
MIT
Public
2
46

BeforeAfterWrapper

2
MIT
Public
1
25

Clear fix

2
MIT
Public
1
12

Expand transition child

2
MIT
Public
1
26
2
MIT
Public
1
18

paper

3
MIT
Public
3
227

checkbox

font-icon

React font icon

3
MIT
Public
1
271

icon-button

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

3
MIT
Public
2
94

flat-button

React Flat Button Label.

3
MIT
Public
1
126

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

3
MIT
Public
1
108

floating-action-button

React Floating Action Button is used for frequently used functions

3
MIT
Public
3
3

raised-button

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

3
MIT
Public
1
5

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
MIT
Public
1
8

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
MIT
Public
1
199

list

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

3
MIT
Public
1
165

React Nested Lists

3
MIT
Public
1
79

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

3
MIT
Public
1
61

React Make-selectable-list

3
MIT
Public
1
3

divider

Dividers group and separate content within lists and page layouts

3
MIT
Public
1
132

popover

Popover Animation vertical

2
MIT
Public
2
24

React Popover default animation

2
MIT
Public
2
135

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

2
MIT
Public
2
93

text-field

React Text field Label allow users to input text.

2
MIT
Public
1
53

React Text Field Underline

2
MIT
Public
1
53

React Text Field Hint

2
MIT
Public
1
53

React Enhanced text area

2
MIT
Public
1
54

React Text fields allow users to input text

2
MIT
Public
2
13

auto-complete

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

2
MIT
Public
2
0

badge

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

2
MIT
Public
2
7

bottom-navigation

React Bottom navigation item

2
MIT
Public
2
23

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

2
MIT
Public
1
7

card

React Card title

2
MIT
Public
1
7

React Card text

2
MIT
Public
1
7

React Card media

2
MIT
Public
1
7

React Card header

2
MIT
Public
1
7

React Card expandable

1
MIT
Public
1
0

React Card action

1
MIT
Public
1
0

chip

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

2
MIT
Public
3
0

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
MIT
Public
1
7

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

2
MIT
Public
1
7

React Refresh indicator is used when showing an item is loading

2
MIT
Public
1
7

drawer

React Drawer slides in from the side

2
MIT
Public
1
6

dialog

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

2
MIT
Public
1
13

date-picker

Date picker year button

2
MIT
Public
1
45

Date picker day button

2
MIT
Public
1
45

Date picker calendar year

2
MIT
Public
1
33

Date picker calendar toolbar

2
MIT
Public
1
33

Date picker calendar month

2
MIT
Public
1
33

Date picker action buttons

2
MIT
Public
1
33

Date picker date-display

2
MIT
Public
1
33

Date picker calendar

2
MIT
Public
1
17

Date picker dialog

2
MIT
Public
1
5

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

2
MIT
Public
1
1

icon-menu

Icon Menus are menus that open from icons

2
MIT
Public
1
5

radio-button

Radio buttons are switches used for selection from multiple options

2
MIT
Public
1
23

React Radio button group

2
MIT
Public
1
6

slider

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

2
MIT
Public
1
5

snackbar

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

2
MIT
Public
1
24

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

2
MIT
Public
1
9

stepper

Stepper Label

2
MIT
Public
1
17

Stepper step content

2
MIT
Public
1
5

Stepper step connector

2
MIT
Public
1
17

Stepper step button

2
MIT
Public
1
5

Stepper step

2
MIT
Public
1
17

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

2
MIT
Public
1
5

table

Table row column

3
MIT
Public
1
4

Table row

2
MIT
Public
1
0

Table header column

2
MIT
Public
1
2

Table header

2
MIT
Public
1
0

Table footer

2
MIT
Public
1
0

Tabel body

2
MIT
Public
1
0

Tables are used to display data and to organize it

2
MIT
Public
1
0

tabs

Tab Ink Bar

2
MIT
Public
1
2

Tab Tab

2
MIT
Public
1
0

Tab Template

2
MIT
Public
1
2

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

2
MIT
Public
1
0

toggle

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

2
MIT
Public
1
0

toolbar

Toolbar Title

2
MIT
Public
1
0

Toolbar Separator

2
MIT
Public
1
0

Toolbar Group

2
MIT
Public
1
0

Toolbars are collections of components stacked horizontally against each other

2
MIT
Public
1
0

grid-list

Simple flex-box based Grid List implementation

2
MIT
Public
1
0

Grid list title

2
MIT
Public
1
0

select-field

React Select-field

2
MIT
Public
1
0