Form Field: Radio Button

Owned by Bronwyn Hawkins (Deactivated), created

Jun 04, 2021

1 min read

Design complete IMPLEMENTATION PENDING

The three statuses above and their possible values:

PROPOSAL STATUS	DESIGN STATUS	IMPLEMENTATION STATUS

PROPOSAL STATUS	DESIGN STATUS	IMPLEMENTATION STATUS
DRAFT	DESIGN PENDING	IMPLEMENTATION PENDING
READY FOR REVIEW	DESIGN PLANNED	IMPLEMENTATION PLANNED
APPROVED TO ADD	DESIGN IN PROGRESS	IMPLEMENTATION IN PROGRESS
DEFERRED	DESIGN COMPLETE	IMPLEMENTATION COMPLETE
NEEDS CHANGES

For more information see the https://openedx.atlassian.net/wiki/spaces/BPL/pages/1773502564/Component+Contribution+Process#Step-1-%E2%80%93-Start-a-component-proposal.

Contributors	@Bronwyn Hawkins (Deactivated)
Paragon Jira ticket	https://openedx.atlassian.net/browse/PAR-175
Design resources
Technical docs

1 Variants | 2 Best Practices | 3 Related Components | 4 Specification | 4.1 Behaviors | 4.2 Accessibility | 5 Notes

Design

https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=5957%3A5452

Variants

Unchecked and checked state variants
Dark and light palette variants

https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=5957%3A5427

Best Practices

Do

Do use the dark variant against dark backgrounds

Do use the light variant against light backgrounds

Don't

Don’t use the dark variant on unvalidated forms

Related Components

Specification

What does an engineer need to know in order to build this component?

Redlined Design Spec

https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=5957%3A5383

Behaviors

Accessibility

Notes

Notes from collaborator conversations or meetings regarding this component.

XX.XX.20XX