Skip to content
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

Closed
Misiu opened this issue Mar 26, 2020 · 3 comments
Closed

Support space-between in form field #1041

Misiu opened this issue Mar 26, 2020 · 3 comments
Assignees
Labels
Type: Feature New feature or request

Comments

@Misiu
Copy link

Misiu commented Mar 26, 2020

Is your feature request related to a problem? Please describe.
I'm trying to create this type of UI:
image

with web components, but unfortunately, it isn't easily doable.
I was suggested to use formfield but this gives me this:
image
or:
image
when I add alignEnd to mwc-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

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

@Misiu Misiu added the Type: Feature New feature or request label Mar 26, 2020
@asyncLiz
Copy link
Collaborator

Upstream dependent on material-components/material-components-web#5747

@asyncLiz
Copy link
Collaborator

asyncLiz commented Apr 7, 2020

Fixed in #1083

@asyncLiz asyncLiz closed this as completed Apr 7, 2020
@Misiu
Copy link
Author

Misiu commented Apr 8, 2020

@asyncLiz thank you 🙂
Now let's wait for the release.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Feature New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants