Direkt zum Inhalt springen

Breadcrumb-Navigation

Designsystem Updates

Unplugin

15.06.2026

Was hat sich im Code geändert:

## [1.2.1] - 2026-06-01

### Changed
- reduce the right padding of the tag component from 20 to 10 

### Added
- new color variant «red» for the component tag
- add new icon «submit-doc»

 

## [1.2.0] - 2026-05-26

### Changed
- fieldset title in green
- stepper navigation better placement
- pagination color for step navigation
- removed 2 icons: map-pin-coloured.svg and pin.svg
- help box open icon

### Added

- help box close icon


Storybook

15.06.2026

Das Storybook wurde nun mit einer neuen Logik und Reihenfolge gestaltet:

  • Auf der linken Seite sind die einzelnen Komponenten in Kapitel unterteilt.
  • In der Mitte ist die ausgewählte Komponente zu sehen.
  • Auf der rechten Seite können die Varianten einer Komponente umgestellt sowie der HTML-Text und das Design angeschaut werden.
Benutzeroberfläche mit Kontrollfeldern und Navigationsleistenbeschreibung.

Was gleich geblieben ist:

  • 1. About the BS.ch Desing System -> Hier fanden keine Anpassungen statt
  • 2. Tutorials -> Hier fanden keine Anpassungen statt

Was hat sich geändert:

Die folgenden Kapitel wurden aufgeteilt in: 

  • 3. Basic Bausteine -> Hier sind die einzelnen «Bausteine» von Komponenten ohne Seitenkontext und Container zu finden.
  • 4. Single components -> Hier befinden sich «einfach» gebaute Komponenten, die Farbversionen oder verschiedene Kombinationen besitzen.
  • 5. Combined components -> Hier sind die komplexeren Komponenten aufgelistet. Sie enthalten Bausteine aus den Kapitel Basics und Single components und lassen sich über die Lasche Controls modifiezieren.
  • 6. Forms -> Hier sind alle Bausteine und Komponenten, die für den Aufbau eines Formulars benötigt werden.
  • 7. Templates -> Unter diesem Kapitel sind Beispiele/Vorlagen, welche helfen sollen, die Bausteine und Komponenten im Seitenkontext besser zu verstehen.
  • 8. Emails -> Die E-Mail Komponenten werden separat aufgeführt, da sie ein schmaleres Seitenrater aufweisen. 

Figma

15.06.2026

Was hat sich geändert:

  • Die Seitenstruktur in Figma wurde an das Storybook angepasst, somit sollten die benötigten Komponente einfacher gefunden werden.
  • Die Hinweistexte und Verlinkungen wurden aktualisiert und sollen helfen sich besser zurecht zufinden. 

Kontakt

Bei Fragen und Feedback können Sie sich gerne melden!

Ilona Keller

Business Analystin der Abteilung: Querschnittsapplikationen -> Communication Solutions

Communication Solutions

Inhalt aktualisiert