Labels

Styles

• Label text should match link text color (#0088CE), with a light grey background (#F5F5F5) to differentiate from other links. The grey border around the shape should be a darker grey (#EDEDED).
• Label text color will not be matched to the corresponding resource badge color. All label colors will be the same across resource objects
• All pod selectors will also be standard blue link (#0088CE) font, but without a background.
• Editing labels will be done in paragraph form, using the equal sign between the key and value. When editing, each label will also have an x to delete individual labels as needed.

Detail Pages

• Every resource detail page should include a section for “LABELS” just below name and namespace sections
• Clicking a label will jump to a filtered view of the Search Page

• There will be an option for a quick add + button for adding a label with a popover. The save button (checkmark icon) will be disabled until valid text is entered. Saving the label will add the new item to the list in the detail view.
• There will be an option to edit labels, visible in the Actions dropdown in the top right
• Clicking Edit Labels will open a modal where users can add, remove, and edit labels.
• There should be an added line of instructions with a “Learn More” link to documentation on how labels interact with label selectors.

Summary Pages

• For now, the labels column should be hidden from the summary pages.
• Each row should have kebabs on the right with the “Edit Labels” action present in the dropdown.

Future Considerations

• The “Labels” column could be added to summary pages across the board or as needed for specific resource types.
• Filtering by label may be added to summary pages to enhance the current filter by name.
• To save vertical space, a max of 2 labels could be shown, with a “more” popover to display the remaining labels for a row.