travel_switzerland_flag_red_rgb.webp

Styleguide

      • Default
      • Default Long Content
      • Fullscreen
      • Custom Trigger Button
      • ScrollSlider
    • PeopleTeaser
    • MediaCard
    • ImageTeaser
      • Default
      • Default - with link
      • Default - with headline
      • Default
      • With Icon
      • With Long Content
      • Without intro and link
      • Default
      • With Icon
      • With Long Content
      • Without intro and link
    • Card
      • Default
      • Default - with long text and label
    • SkipLinks
    • Footer
    • Breadcrumbs
      • MainNavigation
      • Default
      • Four Columns
      • Slider
      • Basic TableBlock
      • TableBlock with Title
      • Complex TableBlock with Multiple Columns and Subtitle
      • Section
      • Section with CTA
      • Panel - Cherry Tone (Default)
      • Panel - Stone Tone
      • Panel - Without Headline
      • Panel - Minimal Content
    • PageHeader
      • Left Position (Default)
      • Right Position
      • Long Content and Icon
    • AccordionGroup
      • Basic Table
      • Table
      • Complex Table
    • StructuredText
      • Variant Default
      • Variant Small
      • Color White
      • Cover
      • With percentage
      • With text
      • Without text
      • Visually Hidden
      • Default
      • Layout cover
      • Auto sizes
    • Icon
      • Primary
      • Secondary
      • Small
      • Outline
      • As Link
      • As Div
      • As Span
    • ComponentWidth
      • Primary
      • Secondary
      • Small
      • As Link
      • As span
    • AspectRatio
      • Accordion
      • Accordion with image
  • widgetsModal

    Default

  • widgetsModal

    Default Long Content

  • widgetsModal

    Fullscreen

  • widgetsModal

    Custom Trigger Button

  • widgetsScrollSliderScrollSlider

    Default

  • teasersPeopleTeaser

    Default

  • teasersMediaCard

    MediaCard Variants

  • teasersImageTeaser

    Default

  • teasersFullImageTeaser

    Default

  • teasersFullImageTeaser

    Default - with link

  • teasersFullImageTeaser

    Default - with headline

  • teasersFeatureCard

    Default

  • teasersFeatureCard

    With Icon

  • teasersFeatureCard

    With Long Content

  • teasersFeatureCard

    Without intro and link

  • teasersCardTeaser

    Default

  • teasersCardTeaser

    With Icon

  • teasersCardTeaser

    With Long Content

  • teasersCardTeaser

    Without intro and link

  • teasersCard

    Card Variants

  • teasersBaseTeaser

    Default

  • teasersBaseTeaser

    Default - with long text and label

  • siteSkipLinks

    Breadcrumb

  • siteFooter

    Footer

  • siteBreadcrumbs

    Breadcrumb

  • siteMainNavigationMainNavigation

    Main Navigation

  • blocksTeaserGridBlock

    Default

  • blocksTeaserGridBlock

    Four Columns

  • blocksTeaserGridBlock

    Slider

  • blocksTableBlock

    Basic TableBlock

  • blocksTableBlock

    TableBlock with Title

  • blocksTableBlock

    Complex TableBlock with Multiple Columns and Subtitle

  • blocksSection

    Section

  • blocksSection

    Section with CTA

  • blocksPanel

    Panel - Cherry Tone (Default)

  • blocksPanel

    Panel - Stone Tone

  • blocksPanel

    Panel - Without Headline

  • blocksPanel

    Panel - Minimal Content

  • blocksPageHeader

    Page header

  • blocksMediaText

    Left Position (Default)

  • blocksMediaText

    Right Position

  • blocksMediaText

    Long Content and Icon

  • blocksAccordionGroup

    AccordionGroup

  • baseTable

    Basic Table

  • baseTable

    Table

  • baseTable

    Complex Table

  • baseStructuredText

    Default

  • baseSpinner

    Variant Default

  • baseSpinner

    Variant Small

  • baseSpinner

    Color White

  • baseSpinner

    Cover

  • baseSpinner

    With percentage

  • baseSectionHeadline

    With text

  • baseSectionHeadline

    Without text

  • baseSectionHeadline

    Visually Hidden

  • baseResponsiveImage

    Default

  • baseResponsiveImage

    Layout cover

  • baseResponsiveImage

    Auto sizes

  • baseIcon

    Default

  • baseIconButton

    Primary

  • baseIconButton

    Secondary

  • baseIconButton

    Small

  • baseIconButton

    Outline

  • baseIconButton

    As Link

  • baseIconButton

    As Div

  • baseIconButton

    As Span

  • baseComponentWidth

    default

  • baseButton

    Primary

  • baseButton

    Secondary

  • baseButton

    Small

  • baseButton

    As Link

  • baseButton

    As span

  • baseAspectRatio

    Default

  • baseAccordion

    Accordion

  • baseAccordion

    Accordion with image