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.

Sign up for GitHub

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

feat(radio): add pf-radio #2882

Open
wants to merge 15 commits into
base: main
Choose a base branch
from
+459 −0
Open

feat(radio): add pf-radio #2882

Changes from 1 commit
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
693f7af
chore: added radio button component
ArathyKumar Nov 21, 2024
b568977
chore: radio button click functionality implemented
ArathyKumar Nov 22, 2024
dec283f
chore: keyboard event handling added
ArathyKumar Nov 23, 2024
457cb36
chore: tab navigation implemented
ArathyKumar Nov 26, 2024
76b553d
chore: associated form label added
ArathyKumar Nov 26, 2024
f0d269d
chore: code cleanup
ArathyKumar Nov 26, 2024
23b7d0b
chore: demo.html updated
ArathyKumar Nov 27, 2024
d14f49c
chore: radio check event added
ArathyKumar Nov 27, 2024
95be15a
docs(radio): clean up demo
bennypowers Nov 27, 2024
e79a3f7
docs(radio): multiple groups
bennypowers Nov 27, 2024
82275a1
style(radio): refactor tabindex code
bennypowers Nov 27, 2024
1dc9712
chore: implemented pf-radio for multiple groups and inside a shadowro…
ArathyKumar Dec 4, 2024
405c52e
chore: code cleanup
ArathyKumar Dec 4, 2024
561fefb
Merge branch 'main' into 2566-pf-radio-custom-form-control
ArathyKumar Dec 4, 2024
3ed8f18
chore: code cleanup
ArathyKumar Dec 9, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
docs(radio): clean up demo
@bennypowers
bennypowers committed Nov 27, 2024

Verified

This commit was created on github.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode
commit 95be15a5afed6310269039a9132a9f28f4bf8716
16 changes: 8 additions & 8 deletions elements/pf-radio/demo/pf-radio.html
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
<section class='container'>
<section class="container">
<p> Select a title </p>
<div class='radio-group'>
<pf-radio id="title-mr" value='mr' label="Mr" name="title" checked=${false}></pf-radio>
<pf-radio id="title-miss" value='miss' label="Miss" name="title" checked=${false}></pf-radio>
<pf-radio id="title-mrs" value='mrs' label="Mrs" name="title" checked=${false}></pf-radio>
<pf-radio id="title-ms" value='ms' label="Ms" name="title" checked=${false}></pf-radio>
<pf-radio id="title-dr" value='dr' label="Dr" name="title" checked=${false}></pf-radio>
<pf-radio id="title-other" value='other' label="Other" name="title" checked=${false}></pf-radio>
<div class="radio-group">
<pf-radio id="title-mr" value="mr" label="Mr" name="title"></pf-radio>
<pf-radio id="title-miss" value="miss" label="Miss" name="title"></pf-radio>
<pf-radio id="title-mrs" value="mrs" label="Mrs" name="title"></pf-radio>
<pf-radio id="title-ms" value="ms" label="Ms" name="title"></pf-radio>
<pf-radio id="title-dr" value="dr" label="Dr" name="title"></pf-radio>
<pf-radio id="title-other" value="other" label="Other" name="title"></pf-radio>
</div>
<pf-button> Submit</pf-button>
</section>