Dropdown

Owned by Eugene Kang, created

Last updated: Jun 04, 2021 by Adam Butterworth (Deactivated)

1 min read

NEEDS CHANGES 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		IMPLEMENTATION COMPLETE

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.

A dropdown is a toggleable menu that allows the user to choose one value from a predefined list. The trigger is a button.

Contributors: @Eugene Kang
Paragon Jira ticket: https://openedx.atlassian.net/browse/PAR-108?atlOrigin=eyJpIjoiZDEzZDNlMTJmNDM1NDY1Y2E1YjJkYTJlN2IwOWY5MDgiLCJwIjoiaiJ9

1 Best Practices | 2 Related Components | 3 Specification | 3.1 Behaviors | 3.2 Accessibility | 4 Notes

NOTE: Any button can be used as a trigger, not just the secondary button in the example below.

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

Variants

Best Practices

Do

Do use any button style as a trigger.

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

Do

Do use any of the menu item variants as specified in the menu item component

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

https://openedx.atlassian.net/wiki/spaces/BPL/pages/2026865458

Specification

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

Behaviors

Accessibility

Notes

Notes from collaborator conversations or meetings regarding this component.

XX.XX.20XX