Offer list
<fepli-offers>
The published offers of an edition, with filters for category and age.
Try it
Pick options – the preview and the snippet update.
Category
Layout
Accent colour
Corners
musterstadt.de/ferienprogrammPreview
AllSportNatureCreative6 offers
Tue 13 Oct · 16:00KinderturnenTSV Musterbach · Halle 2 · 6–9 years
Waiting listDetails
Wed 14 Oct · 09:00Fahrradtour durch den StadtparkStadtjugendring Musterstadt · 8–12 years
4 places leftDetails
Wed 14 Oct · 14:00Töpfern für AnfängerKunstschule Musterstadt · 8–12 years
3 places leftDetails
Thu 15 Oct · 09:00Waldforscher-TagNaturschutzjugend · 6–10 years
Fully bookedDetails
Fri 16 Oct · 11:00Comic-WorkshopStadtbibliothek · 10–14 years
9 places leftDetails
Sat 17 Oct · 10:00Klettern in der HalleDAV Musterstadt · 12–16 years
4 places leftDetails
Snippet
<script type="module" src="https://ferienpass-musterstadt.de/embed.js"></script>
<fepli-offers edition="herbstferien-2026"></fepli-offers>Attributes
- Name
edition- Type
- string
- Required
- required
- Description
The alias of the edition, for example
herbstferien-2026.
- Name
category- Type
- string
- Description
Only offers of this category (alias).
- Name
age- Type
- number
- Description
Only offers suitable for this age.
- Name
layout- Type
- "list" | "grid"
- Default:
- list
- Description
Rows or cards.
- Name
filters- Type
- boolean
- Default:
- true
- Description
Show the filter bar above the offers.
- Name
lang- Type
- "de" | "en"
- Description
- Language of the embed. By default, the
langattribute 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.