JSPM

material-ui

1.0.0-beta.21
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 55365
  • Score
    100M100P100Q62432F
  • License MIT

React components that implement Google's Material Design.

Package Exports

  • material-ui
  • material-ui/AppBar
  • material-ui/AppBar/AppBar
  • material-ui/Avatar
  • material-ui/Avatar/Avatar
  • material-ui/Badge
  • material-ui/Badge/Badge
  • material-ui/Badge/index.js
  • material-ui/BottomNavigation
  • material-ui/BottomNavigation/BottomNavigation
  • material-ui/BottomNavigation/BottomNavigationButton
  • material-ui/Button
  • material-ui/Button/Button
  • material-ui/ButtonBase
  • material-ui/ButtonBase/ButtonBase
  • material-ui/ButtonBase/Ripple
  • material-ui/ButtonBase/TouchRipple
  • material-ui/ButtonBase/createRippleHandler
  • material-ui/Card
  • material-ui/Card/Card
  • material-ui/Card/CardActions
  • material-ui/Card/CardContent
  • material-ui/Card/CardHeader
  • material-ui/Card/CardMedia
  • material-ui/Checkbox
  • material-ui/Checkbox/Checkbox
  • material-ui/Checkbox/index.js
  • material-ui/Chip
  • material-ui/Chip/Chip
  • material-ui/Dialog
  • material-ui/Dialog/Dialog
  • material-ui/Dialog/DialogActions
  • material-ui/Dialog/DialogContent
  • material-ui/Dialog/DialogContentText
  • material-ui/Dialog/DialogTitle
  • material-ui/Dialog/index.js
  • material-ui/Dialog/withMobileDialog
  • material-ui/Divider
  • material-ui/Divider/Divider
  • material-ui/Divider/index.js
  • material-ui/Drawer
  • material-ui/Drawer/Drawer
  • material-ui/Drawer/index.js
  • material-ui/Form
  • material-ui/Form/FormControl
  • material-ui/Form/FormControlLabel
  • material-ui/Form/FormGroup
  • material-ui/Form/FormHelperText
  • material-ui/Form/FormLabel
  • material-ui/Grid
  • material-ui/Grid/Grid
  • material-ui/GridList
  • material-ui/GridList/GridList
  • material-ui/GridList/GridListTile
  • material-ui/GridList/GridListTileBar
  • material-ui/Hidden
  • material-ui/Hidden/Hidden
  • material-ui/Hidden/HiddenCss
  • material-ui/Hidden/HiddenJs
  • material-ui/Hidden/types
  • material-ui/Icon
  • material-ui/Icon/Icon
  • material-ui/IconButton
  • material-ui/IconButton/IconButton
  • material-ui/IconButton/index.js
  • material-ui/Input
  • material-ui/Input/Input
  • material-ui/Input/InputAdornment
  • material-ui/Input/InputLabel
  • material-ui/Input/Textarea
  • material-ui/List
  • material-ui/List/List
  • material-ui/List/ListItem
  • material-ui/List/ListItemAvatar
  • material-ui/List/ListItemIcon
  • material-ui/List/ListItemSecondaryAction
  • material-ui/List/ListItemText
  • material-ui/List/ListSubheader
  • material-ui/List/index.js
  • material-ui/Menu
  • material-ui/Menu/Menu
  • material-ui/Menu/MenuItem
  • material-ui/Menu/MenuList
  • material-ui/MobileStepper
  • material-ui/MobileStepper/MobileStepper
  • material-ui/Modal
  • material-ui/Modal/Backdrop
  • material-ui/Modal/Modal
  • material-ui/Paper
  • material-ui/Paper/Paper
  • material-ui/Popover
  • material-ui/Popover/Popover
  • material-ui/Progress
  • material-ui/Progress/CircularProgress
  • material-ui/Progress/LinearProgress
  • material-ui/Radio
  • material-ui/Radio/Radio
  • material-ui/Radio/RadioGroup
  • material-ui/Select
  • material-ui/Select/Select
  • material-ui/Select/SelectInput
  • material-ui/Snackbar
  • material-ui/Snackbar/Snackbar
  • material-ui/Snackbar/SnackbarContent
  • material-ui/Snackbar/index.js
  • material-ui/Stepper
  • material-ui/Stepper/Step
  • material-ui/Stepper/StepButton
  • material-ui/Stepper/StepConnector
  • material-ui/Stepper/StepContent
  • material-ui/Stepper/StepIcon
  • material-ui/Stepper/StepLabel
  • material-ui/Stepper/StepPositionIcon
  • material-ui/Stepper/Stepper
  • material-ui/Stepper/index.js
  • material-ui/SvgIcon
  • material-ui/SvgIcon/SvgIcon
  • material-ui/Switch
  • material-ui/Switch/Switch
  • material-ui/Table
  • material-ui/Table/Table
  • material-ui/Table/TableBody
  • material-ui/Table/TableCell
  • material-ui/Table/TableFooter
  • material-ui/Table/TableHead
  • material-ui/Table/TablePagination
  • material-ui/Table/TableRow
  • material-ui/Table/TableSortLabel
  • material-ui/Tabs
  • material-ui/Tabs/Tab
  • material-ui/Tabs/TabIndicator
  • material-ui/Tabs/TabScrollButton
  • material-ui/Tabs/Tabs
  • material-ui/TextField
  • material-ui/TextField/TextField
  • material-ui/TextField/index.js
  • material-ui/Toolbar
  • material-ui/Toolbar/Toolbar
  • material-ui/Toolbar/index.js
  • material-ui/Tooltip
  • material-ui/Tooltip/Tooltip
  • material-ui/Typography
  • material-ui/Typography/Typography
  • material-ui/colors
  • material-ui/colors/amber
  • material-ui/colors/blue
  • material-ui/colors/blueGrey
  • material-ui/colors/brown
  • material-ui/colors/common
  • material-ui/colors/cyan
  • material-ui/colors/deepOrange
  • material-ui/colors/deepPurple
  • material-ui/colors/green
  • material-ui/colors/grey
  • material-ui/colors/indigo
  • material-ui/colors/lightBlue
  • material-ui/colors/lightGreen
  • material-ui/colors/lime
  • material-ui/colors/orange
  • material-ui/colors/pink
  • material-ui/colors/purple
  • material-ui/colors/red
  • material-ui/colors/teal
  • material-ui/colors/yellow
  • material-ui/es/AppBar
  • material-ui/es/Avatar
  • material-ui/es/Button
  • material-ui/es/ButtonBase
  • material-ui/es/Card
  • material-ui/es/Card/Card
  • material-ui/es/Card/CardActions
  • material-ui/es/Card/CardContent
  • material-ui/es/Card/CardHeader
  • material-ui/es/Checkbox
  • material-ui/es/Dialog
  • material-ui/es/Divider
  • material-ui/es/Drawer
  • material-ui/es/Form
  • material-ui/es/IconButton
  • material-ui/es/List
  • material-ui/es/Menu
  • material-ui/es/Modal
  • material-ui/es/Paper
  • material-ui/es/Popover
  • material-ui/es/Progress
  • material-ui/es/Select
  • material-ui/es/Snackbar
  • material-ui/es/SvgIcon
  • material-ui/es/Switch
  • material-ui/es/Table
  • material-ui/es/Tabs
  • material-ui/es/Toolbar
  • material-ui/es/Tooltip
  • material-ui/es/Typography
  • material-ui/es/styles
  • material-ui/es/styles/colorManipulator
  • material-ui/es/styles/withStyles
  • material-ui/es/transitions/Collapse
  • material-ui/index
  • material-ui/index.es
  • material-ui/internal/Portal
  • material-ui/internal/SwitchBase
  • material-ui/internal/dom
  • material-ui/internal/transition
  • material-ui/styles
  • material-ui/styles/MuiThemeProvider
  • material-ui/styles/colorManipulator
  • material-ui/styles/createBreakpoints
  • material-ui/styles/createGenerateClassName
  • material-ui/styles/createMixins
  • material-ui/styles/createMuiTheme
  • material-ui/styles/createPalette
  • material-ui/styles/createTypography
  • material-ui/styles/getStylesCreator
  • material-ui/styles/index
  • material-ui/styles/shadows
  • material-ui/styles/spacing
  • material-ui/styles/themeListener
  • material-ui/styles/transitions
  • material-ui/styles/withStyles
  • material-ui/styles/withTheme
  • material-ui/styles/zIndex
  • material-ui/svg-icons/ArrowDownward
  • material-ui/svg-icons/ArrowDropDown
  • material-ui/svg-icons/Cancel
  • material-ui/svg-icons/CheckBox
  • material-ui/svg-icons/CheckBoxOutlineBlank
  • material-ui/svg-icons/IndeterminateCheckBox
  • material-ui/svg-icons/KeyboardArrowLeft
  • material-ui/svg-icons/KeyboardArrowRight
  • material-ui/svg-icons/RadioButtonChecked
  • material-ui/svg-icons/RadioButtonUnchecked
  • material-ui/test-utils
  • material-ui/test-utils/createMount
  • material-ui/test-utils/createRender
  • material-ui/test-utils/createShallow
  • material-ui/test-utils/getClasses
  • material-ui/test-utils/until
  • material-ui/test-utils/unwrap
  • material-ui/transitions/Collapse
  • material-ui/transitions/Fade
  • material-ui/transitions/Grow
  • material-ui/transitions/Slide
  • material-ui/utils/ClickAwayListener
  • material-ui/utils/addEventListener
  • material-ui/utils/exactProp
  • material-ui/utils/helpers
  • material-ui/utils/keyboardFocus
  • material-ui/utils/manageAriaHidden
  • material-ui/utils/reactHelpers
  • material-ui/utils/requirePropFactory
  • material-ui/utils/withWidth

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (material-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Note

For how-to questions and other non-issues, please use StackOverflow instead of Github issues. There is a StackOverflow tag called "material-ui" that you can use to tag your questions.

Material-UI@v1-beta

npm package CircleCI Gitter Coverage Status CII Best Practices

PeerDependencies Dependencies DevDependencies

Material-UI is a set of React components that implement Google's Material Design specification.

Installation

Material-UI is available as an npm package.

Stable channel

npm install material-ui

Pre-release channel

npm install material-ui@next

Please note that @next will only point to pre-releases; to get the latest stable release use @latest instead.

Usage

Here is a quick example to get you started, it's all you need:

import React from 'react';
import { render } from 'react-dom';
import Button from 'material-ui/Button';

function App() {
  return (
    <Button>
      Hello World
    </Button>
  );
}

render(<App />, document.querySelector('#app'));

Examples

Are you looking for an example project to get started? We host some.

Documentation

Check out our documentation website.

Contributing

We'd greatly appreciate any contribution you make. :)

Changelog

Recently Updated? Please read the changelog.

Roadmap

The future plans and high priority features and enhancements can be found in the ROADMAP.md file.

Thanks

Thank you to BrowserStack for providing the infrastructure that allows us to test in real browsers.

License

This project is licensed under the terms of the MIT license.