-
Notifications
You must be signed in to change notification settings - Fork 921
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Support space-between in form field #1041
Labels
Type: Feature
New feature or request
Comments
Upstream dependent on material-components/material-components-web#5747 |
copybara-service bot
pushed a commit
that referenced
this issue
Apr 7, 2020
PiperOrigin-RevId: 305104112
copybara-service bot
pushed a commit
that referenced
this issue
Apr 7, 2020
PiperOrigin-RevId: 305342837
Fixed in #1083 |
@asyncLiz thank you 🙂 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Is your feature request related to a problem? Please describe.
![image](https://user-images.githubusercontent.com/1741838/77621811-74b61680-6f3d-11ea-872e-1fcc7be57dd9.png)
I'm trying to create this type of UI:
with web components, but unfortunately, it isn't easily doable.
![image](https://user-images.githubusercontent.com/1741838/77621821-78e23400-6f3d-11ea-8821-0cda48f467bd.png)
![image](https://user-images.githubusercontent.com/1741838/77624382-058ef100-6f42-11ea-8c2e-b460706238c7.png)
I was suggested to use formfield but this gives me this:
or:
when I add
alignEnd
tomwc-formfield
Describe the solution you'd like
I'd like to have the ability to easily add space between label and slot inside
mwc-formfield
.Proposed syntax:
Results I'm expecting to get:
![image](https://user-images.githubusercontent.com/1741838/77624667-759d7700-6f42-11ea-8e12-d7d2e244574a.png)
Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
Additional context
I was suggested by @asyncLiz (in #999) to create this FR. Maybe she will be able to add additional context to this.
I've tried doing that with styles, but I wasn't able to get results I want:
https://stackblitz.com/edit/material-web-components-fiqjsb?file=index.js
The text was updated successfully, but these errors were encountered: