fepli
Embedsprototype

Edition calendar

<fepli-calendar>

All dates of an edition, as a month or week view.

Try it

Pick options – the preview and the snippet update.

View
Accent colour
Corners
musterstadt.de/ferienprogrammPreview
Preview of this embed follows
Snippet
<script type="module" src="https://ferienpass-musterstadt.de/embed.js"></script>

<fepli-calendar edition="herbstferien-2026"></fepli-calendar>

Attributes

  • Name
    edition
    Type
    string
    Required
    required
    Description

    The alias of the edition.

  • Name
    view
    Type
    "month" | "week"
    Default:
    month
    Description

    Month or week view.

  • Name
    category
    Type
    string
    Description

    Only dates of this category (alias).

  • Name
    lang
    Type
    "de" | "en"
    Description
    Language of the embed. By default, the lang attribute of your page.

Theming

Set these CSS custom properties on the element or on any parent. Everything else follows your page.

  • Name
    --fepli-accent
    Type
    color
    Default:
    oklch(0.60 0.22 29)
    Description
    Buttons, active filters and links.
  • Name
    --fepli-radius
    Type
    length
    Default:
    8px
    Description
    Corners of cards, buttons and fields.
  • Name
    --fepli-font
    Type
    font-family
    Default:
    inherit
    Description
    Font of the embed. By default, the font of your page.
  • Name
    --fepli-text
    Type
    color
    Default:
    inherit
    Description
    Colour of body text.

Was this page helpful?