Skip to content
This repository has been archived by the owner on Sep 28, 2023. It is now read-only.

[toggle] — use Bootstrap button-group toggle #168

Closed
ffoodd opened this issue Feb 12, 2020 · 0 comments · Fixed by #166
Closed

[toggle] — use Bootstrap button-group toggle #168

ffoodd opened this issue Feb 12, 2020 · 0 comments · Fixed by #166
Assignees
Labels
Milestone

Comments

@ffoodd
Copy link
Contributor

ffoodd commented Feb 12, 2020

The correct HTML pattern for Toggles is Buttons' checkbox and radio toggle states in Boosted, which markup looks like this:

<div class="btn-group btn-group-toggle" data-toggle="buttons">
  <label class="btn btn-secondary active">
    <input type="radio" name="options" id="option1" autocomplete="off" checked> Active
  </label>
  <label class="btn btn-secondary">
    <input type="radio" name="options" id="option2" autocomplete="off"> Radio
  </label>
  <label class="btn btn-secondary">
    <input type="radio" name="options" id="option3" autocomplete="off"> Radio
  </label>
</div>

It can also be used with icons.

@ffoodd ffoodd added the Boosted label Feb 12, 2020
@ffoodd ffoodd added this to the Boosted 4.4.1 milestone Feb 12, 2020
@ffoodd ffoodd linked a pull request Feb 12, 2020 that will close this issue
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants