0.0.13 • Published 5 years ago
@styled-ui/react v0.0.13
Installation
styled-ui is available as an npm package.
// with npm
npm install @styled-ui/react
// with yarn
yarn add @styled-ui/react
Supporting Material-UI
styled-ui is an MIT-licensed open source project. It's an independent project with ongoing development made possible thanks to the support of these awesome. If you'd like to join this project, please send email to:
Usage
Here is a quick example to get you started, it's all you need:
import React from 'react';
import ReactDOM from 'react-dom';
import styled from 'styled-components';
import AppBar from '@styled-ui/react/AppBar';
const MyAppBar = styled(AppBar)`
color: palevioletred;
`
function App() {
return (
<MyAppBar position='fixed'>
This is a MyAppBar
</MyAppBar>
);
}
ReactDOM.render(<App />, document.querySelector('#app'));
Yes, it's really all you need to get started as you can see in this live and
License
This project is licensed under the terms of the MIT license.
Component work progress
- AppBar
- Avatar
- Backdrop
- Badge
- BottomNavigation
- BottomNavigationAction
- Button
- ButtonBase
- Card
- CardActionArea
- CardActions
- CardContent
- CardHeader
- CardMedia
- Checkbox
- Chip
- CircularProgress
- ClickAwayListener
- Collapse
- CssBaseline
- Dialog
- DialogActions
- DialogContent
- DialogContentText
- DialogTitle
- Divider
- Drawer
- ExpansionPanel
- ExpansionPanelActions
- ExpansionPanelDetails
- ExpansionPanelSummary
- Fab
- Fade
- FilledInput
- FormControl
- FormControlLabel
- FormGroup
- FormHelperText
- FormLabel
- Grid
- GridList
- GridListTile
- GridListTileBar
- Grow
- Hidden
- Icon
- IconButton
- Input
- InputAdornment
- InputBase
- InputLabel
- LinearProgress
- Link
- List
- ListItem
- ListItemAvatar
- ListItemIcon
- ListItemSecondaryAction
- ListItemText
- ListSubheader
- Menu
- MenuItem
- MenuList
- MobileStepper
- Modal
- ModalManager
- NativeSelect
- NoSsr
- OutlinedInput
- Paper
- Popover
- Popper
- Portal
- Radio
- RadioGroup
- RootRef
- Select
- Slide
- Snackbar
- SnackbarContent
- Step
- StepButton
- StepConnector
- StepContent
- StepIcon
- StepLabel
- Stepper
- SvgIcon
- SwipeableDrawer
- Switch
- Tab
- Table
- TableBody
- TableCell
- TableFooter
- TableHead
- TablePagination
- TableRow
- TableSortLabel
- Tabs
- TextField
- Toolbar
- Tooltip
- Typography
- Zoom