Principi Base Accessibilité Sistema di design Guidelines Deutsch Français Italiano English I nostri principi di design Soluzioni focalizzate sull’utente Riconoscibilità Inclusione Riduzione Olistico Autoesplicativo Orientamento all’attività Adeguatezza Portale della marca FFS Logo Orologio digitale Diritti di utilizzazione Colori die base Colori addizionali Colori Off Brand Icone Icone dell'orario Pittogrammi Informazioni sull’accessibilità Über diesen Guide Contatti Letture consigliate Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Designing Coding FAQ Aiuto Processo Contribution Contatto Introduzione Base Componenti Introduzione Releases Design Tokens Componenti Introduzione Base Informations Introduzione Base Componenti Introduzione Power-Apps Banner pubblicitari digitali SAP IA Design : Base. Icone delle app Questa pagina non è disponibile nella lingua desiderata. Lingue disponibili: Deutsch English Mini-Calendar-Month Info

Was macht die Komponente?

Sie ist Teil der Mini-Calendar-Komponente.

Wann soll die Komponente eingesetzt werden?

  • Nur innerhalb der Mini-Calendar-Komponente.
Mini-Calendar-Day Mini-Calendar
Demo

Spielwiese

Orientierung Horizontal Vertikal Mode (System-Einstellung) Light Dark Hintergrund White Midnight Milk Charcoal Cloud Iron Midnight White Charcoal Milk Iron Cloud
Default
Vertical
HTML in Zwischenablage kopiert.
Implementation

The sbb-mini-calendar-month is a component used to group
many sbb-mini-calendar-day.

The component needs to be wrapped in a sbb-mini-calendar,
and it requires a date property in ISOString format (YYYY-MM).

<sbb-mini-calendar>
  <sbb-mini-calendar-month date="2025-01">
    <sbb-mini-calendar-day date="2025-01-01"></sbb-mini-calendar-day>
    ...
  </sbb-mini-calendar-month>
</sbb-mini-calendar>

Slots

The sbb-mini-calendar-day are provided via an unnamed slot.
Consumers should check the accuracy of the slotted data, since there's no check on missing or wrongly formatted data.

Style

The month name is always displayed at the component's bottom;
the year is displayed on top only for January and for the first slotted month in the sbb-mini-calendar.

The orientation value of the sbb-mini-calendar parent controls the component's orientation via CSS rules.

Properties

Name Attribute Privacy Type Default Description
date date public string '' Date as ISO string (YYYY-MM-DD)

Slots

Name Description
Use the unnamed slot to add sbb-mini-calendar-day elements.