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

story(sbb-mini-button-group): initial implementation #2755

Closed
mcilurzo opened this issue Jun 14, 2024 · 0 comments · Fixed by #2959
Closed

story(sbb-mini-button-group): initial implementation #2755

mcilurzo opened this issue Jun 14, 2024 · 0 comments · Fixed by #2959
Assignees
Labels
complexity: S Can be done in about a day proposal: accepted

Comments

@mcilurzo
Copy link
Contributor

mcilurzo commented Jun 14, 2024

We want to provide a mini-button-group component.
It's purpose is to provide a list of actions.

Figma: https://www.figma.com/design/9r6xSfNmEfCFxl1yFYedrj/Lyne-Components?m=auto&node-id=32457-650777&t=bsLmIu6BsmRYYOZV-1

Design Spec:

  • Should display a list of buttons horizontally
  • Should not break/wrap

Tech Spec:

  • Should be implemented as a list component (If a more appropriate aria pattern is discovered, discuss it in plenum)
  • Should not use sbb-divider, just css for the separators between buttons
  • The list title (aria-label) should probably be set by a property for accessibility reasons.
  • Navigation between buttons only via tab and not via arrows (keep it simple).
<sbb-mini-button-group>
  <sbb-mini-button>Action 1</sbb-mini-button>
  <sbb-mini-button>Action 2</sbb-mini-button>
</sbb-mini-button-group>
<sbb-mini-button-group>
  <sbb-mini-button>Action 1</sbb-mini-button>
  <sbb-divider></sbb-divider>
  <sbb-mini-button>Action 2</sbb-mini-button>
</sbb-mini-button-group>
@mcilurzo mcilurzo converted this from a draft issue Jun 14, 2024
@mcilurzo mcilurzo assigned mcilurzo and kyubisation and unassigned mcilurzo Jun 14, 2024
@kyubisation kyubisation changed the title Mini-Button-Group story(sbb-mini-button-group): initial implementation Jul 1, 2024
@kyubisation kyubisation removed their assignment Jul 1, 2024
@kyubisation kyubisation moved this from To do to Next in ESTA Web Lyne Design System Jul 17, 2024
@TomMenga TomMenga moved this from Next to In progress in ESTA Web Lyne Design System Jul 17, 2024
@TomMenga TomMenga self-assigned this Jul 17, 2024
@github-project-automation github-project-automation bot moved this from In progress to Done in ESTA Web Lyne Design System Aug 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
complexity: S Can be done in about a day proposal: accepted
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

3 participants