Design system for React application using atomic design
npm install mi-atomsThis project is built using Material-UI and only Atomic components are available.
The intension is to focus on smaller and reusable components.
Things to remember:
- No extra styling applied on top of Material UI components
- Add additional logic to the component, if accessibility support is not available
List of available components:
- Accordion
- AccordionDetails
- AccordionSummary
- AppBar
- Avatar
- Backdrop
- Badge
- BottomNavigation
- Box
- Breadcrumbs
- Button
- ButtonGroup
- Card
- CardActions
- CardContent
- Checkbox
- Chip
- CircularProgress
- Container
- Dialog
- DialogTitle
- Divider
- Drawer
- FormControl
- FormControlLabel
- FormGroup
- FormHelperText
- FormLabel
- Grid
- IconButton
- InputBase
- InputLabel
- ImageList
- ImageListItem
- Link
- List
- ListItem
- ListItemAvatar
- ListItemIcon
- ListItemText
- Menu
- MenuItem
- Paper
- Radio
- RadioGroup
- Select
- Slider
- Snackbar
- Step
- StepLabel
- Stepper
- Switch
- Tab
- Table
- TableBody
- TableCell
- TableContainer
- TableHead
- TablePagination
- TableRow
- Tabs
- TextField
- Toolbar
- Tooltip
- Typography