-
Notifications
You must be signed in to change notification settings - Fork 18
Segmented Button Enhancement #5154
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
Comments
Decision:
|
@gfellerph if you agree with the decisions above, you're free to create tickets out of it. |
@oliverschuerch is it possible to recreate the multiline example with utility classes? |
I'd say so. <div class="segmented-button-container">
<fieldset class="segmented-button">
<legend>Choose one of the options</legend>
<label class="segmented-button-label">
<input type="radio" name="segmented-button">
<div style="font-size: 1rem">
<div><post-icon name="stampbpost" class="me-8"></post-icon>CHF
1.00</div>
<div class="fw-normal">B-Post Günstig</div>
</div>
</label>
<label class="segmented-button-label">
<input type="radio" name="segmented-button" checked="">
<div style="font-size: 1rem">
<div><post-icon name="stampapost" class="me-8"></post-icon>CHF
1.20</div>
<div class="fw-normal">A-Post Normal</div>
</div>
</label>
<label class="segmented-button-label">
<input type="radio" name="segmented-button">
<div style="font-size: 1rem">
<div><post-icon name="swissinnightexpress"
class="me-8"></post-icon>CHF 17.00</div>
<div class="fw-normal">Swiss Express Mond</div>
</div>
</label>
</fieldset>
</div> |
@hugomslv FYI I am currently finalizing the new/updated Figma components for this enhancement. and there will be a few additional tokens I will create. When done, I will add them to the description of this ticket. |
@hugomslv Please find the new and changed tokens in the description above. They are pushed to GitHub. |
Uh oh!
There was an error while loading. Please reload this page.
🔮 Tokens
New
Changed
Tasks
The text was updated successfully, but these errors were encountered: