Skip to content

[html/css] Target Group #5317

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.

Sign up for GitHub

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

Jump to bottom
Open
4 of 5 tasks
gfellerph opened this issue Apr 16, 2025 · 0 comments · May be fixed by #5424
Open
4 of 5 tasks

[html/css] Target Group #5317

gfellerph opened this issue Apr 16, 2025 · 0 comments · May be fixed by #5424
Assignees
@leagrdv
Labels
📦 components Related to the @swisspost/design-system-components package 📦 styles Related to the @swisspost/design-system-styles package
Milestone
Design System Nex...

Comments

@gfellerph
Copy link
Member

gfellerph commented Apr 16, 2025 •
edited by leagrdv
Loading

📝 Description

Create the first iteration of the target group, which is just three links with special styles.

♿ Accessibility

Semantically, this is a list of links.

⚙️ Requirements

This component is located differently on desktop and mobile. On desktop it's next to the logo, on mobile it's in the mobile navigation. See https://www.figma.com/design/JIT5AdGYqv6bDRpfBPV8XR/Foundations---Components-Next-Level?node-id=6505-34202&m=dev

🧪 Testing

💻 Proposed implementation

<ul class="target-group">
  <li>
    <a href="..." class="active">Private customers</a>
  </li>
</ul>

🔗 References

📃 Tasks

  • Add a responsive target group slot to the <post-header>
  • Implement styles according to design
  • Create storybook documentation
  • Add visual regression tests
  • Design review
@gfellerph gfellerph added the 📦 styles Related to the @swisspost/design-system-styles package label Apr 16, 2025
@gfellerph gfellerph added this to the Design System Next Level milestone Apr 16, 2025
@gfellerph gfellerph added the 📦 components Related to the @swisspost/design-system-components package label Apr 16, 2025
@gfellerph gfellerph moved this from 👀 Triage to 🆗 Ready in Design System Production Board Apr 16, 2025
@gfellerph gfellerph mentioned this issue Apr 16, 2025
Closed
2 tasks
@leagrdv leagrdv self-assigned this Apr 29, 2025
@leagrdv leagrdv moved this from 🆗 Ready to 💻 In Progress in Design System Production Board May 2, 2025
@leagrdv leagrdv linked a pull request May 5, 2025 that will close this issue
feat(styles, components): target group html/css component #5424
Open
@leagrdv leagrdv moved this from 💻 In Progress to 🧐 In Review in Design System Production Board May 5, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@leagrdv leagrdv

Labels
📦 components Related to the @swisspost/design-system-components package 📦 styles Related to the @swisspost/design-system-styles package
Projects
Design System Production Board
Status: 🧐 In Review
Milestone
Design System Next Level
Development

Successfully merging a pull request may close this issue.

feat(styles, components): target group html/css component swisspost/design-system
2 participants
@gfellerph @leagrdv