Offer detail
<fepli-offer>
One offer with its dates, fees, places and the apply button.
Try it
Pick options – the preview and the snippet update.
Accent colour
Corners
musterstadt.de/ferienprogrammPreview
Preview of this embed follows
Snippet
<script type="module" src="https://ferienpass-musterstadt.de/embed.js"></script>
<fepli-offer offer="0192a4f1-6e3b-7c85-b1d2-8f4e6a9c3b03"></fepli-offer>Attributes
- Name
offer- Type
- string
- Required
- required
- Description
The UUID of the offer.
- Name
apply- Type
- boolean
- Default:
- true
- Description
Show the apply button.
- 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.