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

feature request: add support for additional alert tokens #2717

Open
Robbert opened this issue Feb 12, 2025 · 0 comments
Open

feature request: add support for additional alert tokens #2717

Robbert opened this issue Feb 12, 2025 · 0 comments
Labels
component/alert enhancement New feature or request

Comments

@Robbert
Copy link
Member

Robbert commented Feb 12, 2025

Aan de hand van voorbeelden uit de community (GitHub Discussion voor Alert) ontstaat de wens voor het toevoegen van design tokens:

  • utrecht.alert.heading.font-family
  • utrecht.alert.heading.font-size
  • utrecht.alert.heading.font-weight
  • utrecht.alert.heading.line-height

Geeft men de mogelijkheid de Alert Heading te stijlen ongeacht de heading level.

Hieruit ontstaat direct een volgende wens. Een API toe te voegen aan de diverse Alert implementaties:

  • utrecht-alert__heading in CSS toevoegen.
  • Het blijft mogelijk zelf een Heading component in de default slot te stoppen, dus de heading is optioneel.
  • Er moet ook een headingLevel property komen zodat h1/h2/h3/h4/.. allemaal mogelijk is (h1, really? ja, misschien Alert met HTTP 500?)
  • Alignment van de icon met de heading is buiten scope, komt in een later stadium.
    • Why is this hard? Je wil eigenlijk de icon <h1><utrecht-icon>...svg...</utrecht-icon><span>bla bla bla</span></h1> hebben zodat baseline alignment kan op basis van de font settings van de heading.
@Robbert Robbert added component/alert enhancement New feature or request labels Feb 12, 2025
@jeffreylauwers jeffreylauwers changed the title nieuwe utrecht.alert design tokens feature request: add support for additional alert tokens Feb 13, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component/alert enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant