Compare commits

..

2 Commits

Author SHA1 Message Date
Aarghyadeep Das
1c58393d5d Merge 7a7233c0c3 into 88e5be6e4b 2024-09-20 21:11:35 +10:00
Aarghyadeep Das
7a7233c0c3 material-ui cheat sheet added. 2024-01-31 19:50:20 +05:30
3 changed files with 143 additions and 7 deletions

143
frontend/material-ui.txt Normal file
View 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.

View File

@@ -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.

View File

@@ -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