score:1
well they may cause a similar look (0.35em margin vs 16px margin) but they are more concerned with semantics. paragraph
will also result in a p
element rather than a div
element.
the documentation could be improved. feel free to raise an issue or even open a pr.
score:10
there are two parts of difference.
first,the css unit is different.the em unit for gutterbottom is relative.1em equals to the font-size of the father component.
gutterbottom: {
marginbottom: '0.35em',
},
paragraph: {
marginbottom: 16,
},
second,paragraph is used to choose the basic component of typography.if paragraph is true ,the typography is "p".if paragraph is false,check the two default setting, or the typography will be "span".
const component =
componentprop ||
(paragraph ? 'p' : headlinemapping[variant] || defaultheadlinemapping[variant]) ||
'span';
Source: stackoverflow.com
Related Query
- Is there a performance difference between the sx prop and the makeStyles function in Material UI?
- Difference between materialize-css and material UI
- Material UI - gutterBottom vs paragraph, difference?
- what is difference between variant vs component in typography for library React Material UI
- In Material UI what is the difference between a space after the ampersand and no space?
- What is the difference between React Native and React?
- Difference between npx and npm?
- What is the difference between state and props in React?
- What is the difference between using constructor vs getInitialState in React / React Native?
- What's the difference between "super()" and "super(props)" in React when using es6 classes?
- React : difference between <Route exact path="/" /> and <Route path="/" />
- What's the difference between `useRef` and `createRef`?
- What is the difference between HashRouter and BrowserRouter in React?
- What's the difference between useCallback and useMemo in practice?
- How to style components using makeStyles and still have lifecycle methods in Material UI?
- Difference between component and container in react redux
- Can anyone explain the difference between Reacts one-way data binding and Angular's two-way data binding
- How to add multiple classes in Material UI using the classes props?
- Difference between declarative and imperative in React.js?
- What is the difference between .ts and .tsx extensions. Both are used as extensions for typescript files in react. So where should we use them?
- In React, what's the difference between onChange and onInput?
- Material UI and Grid system
- How to enable file upload on React's Material UI simple input?
- Difference between React Component and React Element
- In useEffect, what's the difference between providing no dependency array and an empty one?
- What's the difference between hydrate() and render() in React 16?
- What is the difference between redux-thunk and redux-promise?
- What is the difference between componentWillMount and componentDidMount in ReactJS?
- What is the difference between NextJs and Create React App
- Difference between enzyme, ReactTestUtils and react-testing-library
More Query from same tag
- Uploading a zip file directly to s3 from browser after unzipping it at browser
- ReactJS from hash from BrowserRouter
- React App renders blank page on Github Pages
- How do I get a custom hook in react to load first and then use setInterval to run every 4 sec?
- React.js Context API: How to only update a value pair of an object while maintaining other pairs?
- local image doesn't appear using require react js
- How to dynamically load script in React
- Passing particular argument to a function having multiple arguments in React
- ReactJS antd DatePicker enabled only every first day of each month
- How to pass Serverside parameter in ASP.Core to React?
- Material ui : Table scroll to top of new page
- React.js, improve generating object from form inputs
- Download zip file from http api in react, Receiving error: "Unable to expand file.zip. It is an unsupported format"
- Error: resolve-url-loader: CSS error. source-map information is not available at url() declaration (found orphan CR, try removeCR option)
- State is not getting updated in componentWillMount
- Pass function which sets child state as prop for this.props.children
- Is it possible to decouple re-rendering of some components when specific states change in react hooks?
- How do I solve typescript/react error TS7053?
- Chakra UI Modal component does not work with Array of object
- React Js How do you call the same functions from two React Redux Fields?
- useState hook updating without using the set method
- npm script is unable to locate an existent module
- Pass param from child functional component to parent class component
- React: How to change form validation from onSubmit validation for all fields, to onBlur instant validation for each field in the form?
- Image file getting corrupted on uploading to amazon s3 public bucket using reactjs
- Can I dispatch an action in reducer?
- React Component env variables from project for imported component
- React - React Router Dom, hashbang routing solution
- How to solve `Type 'string[] | undefined' is not assignable to type 'string[]'.` in the best way possible?
- Dropdown with custom input in material ui