mirror of
https://github.com/LeCoupa/awesome-cheatsheets.git
synced 2026-01-27 13:48:01 -08:00
Compare commits
2 Commits
master
...
1c58393d5d
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
1c58393d5d | ||
|
|
7a7233c0c3 |
143
frontend/material-ui.txt
Normal file
143
frontend/material-ui.txt
Normal file
@@ -0,0 +1,143 @@
|
||||
##############################################################################
|
||||
# Material-UI
|
||||
# Material-UI: React components for modern web design.
|
||||
# WEBSITE: https://mui.com/material-ui/
|
||||
# DOCUMENTATION: https://mui.com/material-ui/getting-started/
|
||||
##############################################################################
|
||||
|
||||
|
||||
##############################################################################
|
||||
# CORE COMPONENTS
|
||||
##############################################################################
|
||||
|
||||
Button - variant: Style of the button, e.g., "contained" or "outlined".
|
||||
color: Color scheme, e.g., "primary", "secondary".
|
||||
|
||||
Typography - variant: Text style, e.g., "h1", "body1".
|
||||
|
||||
|
||||
Grid - container: Marks an element as a grid container.
|
||||
item: Marks an element as a grid item.
|
||||
|
||||
|
||||
Icon- Use specific icon names or custom SVG.
|
||||
|
||||
|
||||
##############################################################################
|
||||
# FORM COMPONENTS
|
||||
##############################################################################
|
||||
|
||||
TextField - label: Label for the input field.
|
||||
variant: Input style, e.g., "filled" or "outlined".
|
||||
|
||||
Checkbox/Radio - color: Color scheme, e.g., "primary", "secondary".
|
||||
|
||||
Select - variant: Select style, e.g., "filled" or "outlined".
|
||||
|
||||
Slider - value: Current value of the slider.
|
||||
|
||||
|
||||
##############################################################################
|
||||
# LAYOUT COMPONENTS
|
||||
##############################################################################
|
||||
|
||||
AppBar/Toolbar - position: Positioning, e.g., "fixed" or "static".
|
||||
|
||||
Drawer - anchor: Side to anchor, e.g., "left" or "right".
|
||||
|
||||
Card - variant: Card style, e.g., "outlined" or "elevation".
|
||||
|
||||
Stepper - alternativeLabel: Display step labels.
|
||||
|
||||
|
||||
##############################################################################
|
||||
# NAVIGATION COMPONENTS
|
||||
##############################################################################
|
||||
|
||||
Tabs/Breadcrumbs - value: Current active tab.
|
||||
aria-label: Accessible label.
|
||||
|
||||
Menu/IconButton - edge: Edge to anchor, e.g., "start" or "end".
|
||||
|
||||
|
||||
##############################################################################
|
||||
# FEEDBACK COMPONENTS
|
||||
##############################################################################
|
||||
|
||||
Snackbar/Alert - severity: Severity, e.g., "success", "error".
|
||||
|
||||
Progress - color: Color scheme, e.g., "primary", "secondary".
|
||||
|
||||
Tooltip - title: Tooltip content.
|
||||
|
||||
|
||||
##############################################################################
|
||||
# DIALOGS/MODALS
|
||||
##############################################################################
|
||||
|
||||
Dialog/Modal - open: Control visibility.
|
||||
|
||||
|
||||
##############################################################################
|
||||
# STYLING
|
||||
##############################################################################
|
||||
|
||||
|
||||
makeStyles/withStyles - Define and apply custom styles.
|
||||
|
||||
ThemeProvider - Apply a custom theme.
|
||||
|
||||
|
||||
##############################################################################
|
||||
# DATA DISPLAY
|
||||
##############################################################################
|
||||
|
||||
Avatar/Badge - color: Color scheme, e.g., "primary", "secondary".
|
||||
|
||||
Chip - color: Color scheme, e.g., "primary", "secondary".
|
||||
|
||||
Table - size: Size, e.g., "small", "medium".
|
||||
|
||||
|
||||
##############################################################################
|
||||
# UTILITY COMPONENTS
|
||||
##############################################################################
|
||||
|
||||
Popover - anchorEl: Element to anchor to.
|
||||
|
||||
ClickAwayListener - Handle clicks outside.
|
||||
|
||||
Hidden - Media query breakpoints, e.g., mdDown, lgUp.
|
||||
|
||||
CssBaseline - Apply basic styling.
|
||||
|
||||
|
||||
##############################################################################
|
||||
# TRANSITIONS/ANIMATIONS
|
||||
##############################################################################
|
||||
|
||||
Collapse/Fade/Grow/Slide - Transition-specific attributes.
|
||||
|
||||
|
||||
##############################################################################
|
||||
# THEMES
|
||||
##############################################################################
|
||||
|
||||
Custom Theme/ThemeProvider - Define and apply themes.
|
||||
|
||||
|
||||
##############################################################################
|
||||
# HOOKS
|
||||
##############################################################################
|
||||
|
||||
useMediaQuery/useScrollTrigger - Responsive design.
|
||||
Media query and scroll control.
|
||||
|
||||
useTheme - Access theme properties.
|
||||
|
||||
|
||||
##############################################################################
|
||||
# CUSTOMIZATION
|
||||
##############################################################################
|
||||
|
||||
Customize Theme/withStyles - Override and customize styles.
|
||||
@@ -95,9 +95,3 @@ arr.reduce(callback[, initialValue]) // Apply a function against
|
||||
arr.reduceRight(callback[, initialValue]) // Apply a function against an accumulator and each value of the array (from right-to-left) as to reduce it to a single value.
|
||||
arr.some(callback[, initialValue]) // Returns true if at least one element in this array satisfies the provided testing function.
|
||||
arr.values() // Returns a new Array Iterator object that contains the values for each index in the array.
|
||||
|
||||
// String methods
|
||||
String.charAt(index) // Returns the character at the specified index in a string.
|
||||
String.indexOf(character) // Returns the index of the first occurrence of a specified value in a string.
|
||||
String.substring(starting_index, ending_index) // Returns a new string that is a subset of the original string.
|
||||
String.substring(starting_index) // Returns a substring from starting index to last index of string.
|
||||
@@ -21,7 +21,6 @@ cat /proc/<process_id>/maps # Show the current virtual memory usage of a Linux
|
||||
ip r # Display ip of the server
|
||||
|
||||
lsof -i :9000 # List process running on port 9000
|
||||
kill -9 $(lsof -t -i:PORT) # Kill the process running on whichever port specified
|
||||
|
||||
journalctl -u minio.service -n 100 --no-pager # List last 100 logs for specific service
|
||||
|
||||
|
||||
Reference in New Issue
Block a user