Skip to content

Add reusable tb-list widget to webapp widgets#1

Draft
Copilot wants to merge 2 commits intomasterfrom
copilot/list-features
Draft

Add reusable tb-list widget to webapp widgets#1
Copilot wants to merge 2 commits intomasterfrom
copilot/list-features

Conversation

Copy link

Copilot AI commented Mar 12, 2026

Adds a generic tb-list Angular widget that renders a Material list with single-item selection and disabled-item support.

New widget: tensorboard/webapp/widgets/list/

  • ListComponent (tb-list) — accepts items: ListItem[] and selectedValue, emits selectedValueChange on click; skips emission for disabled items
  • ListItem interface{ value: any; label: string; disabled?: boolean }
  • ListModule — wraps MatListModule + CommonModule
  • Styles — selected highlight, disabled dimming + pointer-events: none, hover state

Supporting infra

  • expect_angular_material_list Bazel target added to tensorboard/webapp/angular/BUILD

Usage

<tb-list
  [items]="[{value: 'a', label: 'Option A'}, {value: 'b', label: 'Option B', disabled: true}]"
  [selectedValue]="selected"
  (selectedValueChange)="selected = $event"
></tb-list>

🔒 GitHub Advanced Security automatically protects Copilot coding agent pull requests. You can protect all pull requests by enabling Advanced Security for your repositories. Learn more about Advanced Security.

…ed support

Co-authored-by: cdavalos7 <31576209+cdavalos7@users.noreply.github.com>
Copilot AI changed the title [WIP] Add list feature to user interface Add reusable tb-list widget to webapp widgets Mar 12, 2026
Copilot AI requested a review from cdavalos7 March 12, 2026 21:13
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.

2 participants