Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
[Button] Add fullWidth property
See original GitHub issueIn the olde version Button had a fullWidth. The textFields have also a fullWidth.
- I have searched the issues of this repository and believe that this is not a duplicate.
Expected Behavior
The Button needs to have a fullWidth option.
Example: <Button fullWidth>Logion</Button>
Current Behavior
does not apply
Steps to Reproduce (for bugs)
does not apply
Your Environment
| Tech | Version |
|---|---|
| Material-UI | 1.0.0-beta.17 |
| React | 15.5.4 |
| browser | chrome |
| etc |
Issue Analytics
- State:
- Created 6 years ago
- Reactions:14
- Comments:9 (9 by maintainers)
Top Results From Across the Web
Full width material-ui Button within a Badge? - Stack Overflow
3 · Just add this property: fullWidth={true} import { Button } ; 1 · I could come up with a solution using width...
Read more >[Button] Add fullWidth property #9510 - mui/material-ui - GitHub
The Button needs to have a fullWidth option. Example: <Button fullWidth>Logion</Button>. Current Behavior. does not apply. Steps to Reproduce ( ...
Read more >How To Create Full Width Buttons - W3Schools
Learn how to style block buttons (full-width) with CSS. ... 2) Add CSS: To create a full-width button, add a width of 100%...
Read more >How to style block buttons (full-width) with CSS? - Studytonight
Creating a full-width button is very simple and easy, just take an <button> element and make it a block element with display: block...
Read more >How To Make Divi Buttons Fullwidth - Pee-Aye Creative
This quick Divi Pro Tip will show you how to make a Divi button fullwidth to fill the width of the column and...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I don’t agree we should be adding it. It’s on the slippery slope of utility props for things that can already easily be done with CSS.
@oliviertassinari Given that we have a similar prop on other components, and a decent number of upvotes, it seems like this should go ahead.