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.

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

Enhance selected option example #195

Draft
wants to merge 2 commits into
base: main
Choose a base branch
from
Draft

Conversation

jordanjones243
Copy link
Contributor

Alaska Airlines Pull Request

Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.

Resolves: #169

Summary:

Please summarize the scope of the changes you have submitted, what the intent of the work is and anything that describes the before/after state of the project.

Update selected example to talk about how it can be used to highlight an option

Type of change:

Please delete options that are not relevant.

  • New capability
  • Revision of an existing capability
  • Infrastructure change (automation, etc.)
  • Other (docs)

Checklist:

  • My update follows the CONTRIBUTING guidelines of this project
  • I have performed a self-review of my own update

By submitting this Pull Request, I confirm that my contribution is made under the terms of the Apache 2.0 license.

Pull Requests will be evaluated by their quality of update and whether it is consistent with the goals and values of this project. Any submission is to be considered a conversation between the submitter and the maintainers of this project and may require changes to your submission.

Thank you for your submission!

-- Auro Design System Team

@jordanjones243 jordanjones243 self-assigned this Feb 27, 2024
@jordanjones243 jordanjones243 requested a review from a team as a code owner February 27, 2024 07:58
@jordanjones243 jordanjones243 linked an issue Feb 27, 2024 that may be closed by this pull request
@@ -144,9 +144,9 @@ The `auro-menuoption` element supports the placement of the `disabled` attribute

</auro-accordion>

#### Menu with pre-selected menu option
#### `selected`
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
#### `selected`
#### selected

The backticks in headers is an old style we tried and backed away from. Still lingers in a few places but we need to stop using it in headers.


The `auro-menu` element supports a pre-selected option via the `selected` attribute on the `auro-menuoption` element.
Use the `selected` attribute to pre-select an option or highlight a specific `auro-menuoption` in the `auro-menu`.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This confuses me a little that there is an "or" in this. selected does one specific thing. There is no highlighting an option with these styles that is not selected.

Suggested change
Use the `selected` attribute to pre-select an option or highlight a specific `auro-menuoption` in the `auro-menu`.
Use the `selected` attribute to pre-select an `auro-menuoption`.

@jordanjones243 jordanjones243 marked this pull request as draft February 29, 2024 21:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Document how-to highlight option
2 participants