Ga naar hoofdinhoud

Het component die ik wil gebruiken zit niet in het thema dat ik gebruik

Wat gaaf, je hebt een component gevonden die nog niet in het thema verwerkt is! Er zijn meerdere stappen mogelijk om dit op te lossen.

1. Tijdelijke oplossing: tokens lokaal overschrijven

Gebruik deze optie als je direct verder wilt, zonder te wachten op de permanente oplossing.

Je kunt de ontbrekende tokens lokaal overschrijven met de waarden die je nodig hebt:

.voorbeeld-theme {
  --ams-breadcrumb-separator-block-size: 1ex;
  --ams-breadcrumb-separator-inline-size: 1ex;
}

Hiermee kun je meteen verder ontwikkelen in je eigen project.

Wil je dat de wijziging structureel beschikbaar wordt voor iedereen? Volg dan de permanente oplossing hieronder.

2. Permanente oplossing: component toevoegen aan het voorbeeld-thema

Gebruik deze optie wanneer je de wijziging onderdeel wilt maken van het officiële voorbeeld-thema.

Deze wijzigingen worden gedaan in de themes-repository.

2.1. Maak een issue aan

Maak altijd eerst een issue aan. Hiermee maak je inzichtelijk waarom de wijziging nodig is en voorkom je dat anderen hetzelfde werk doen. Elk issue krijgt automatisch een nummer, die kan later van pas komen.

2.2. Pas de tokens aan in het voorbeeld-thema

De tokens van het voorbeeld-thema vind je hier: themes/packages/voorbeeld-design-tokens/figma/voorbeeld.tokens.json.

2.3. Maak een pull request aan

Maak vervolgens een pull request aan en deel deze in het #nl-design-system-developers kanaal op Slack zodat het team en andere contributors kunnen meekijken. Het issuenummer kun je in de beschrijving van de pullrequest noemen, zodat deze automatisch gesloten wordt, bijvoorbeeld; closes #2718.

Meer hulp nodig?