Skip to content
Birdhouse

Configure Policy Modal

The policy modal shows policyholders their coverage details, key documents, and action buttons. It is configured on the Vertical using dynamic zone components.

Add modal sections

Section titled “Add modal sections”
  1. Open your Vertical in Strapi
  2. Find the policyModalSections dynamic zone
  3. Add components:

content-modal-body

Section titled “content-modal-body”

A rich text section for descriptive content.

Field Purpose
body Rich text content (supports formatting, links, lists)

Use for introductory text, coverage summaries, or legal notices.

content-modal-list

Section titled “content-modal-list”

An accordion-style list of expandable items.

Field Purpose
items Array of entries, each with title, description, and optional icon

Each item renders as a collapsible row — the user clicks the title to expand and see the description.

Item fields:

Field Purpose Example
title Accordion header What's covered
description Expanded content (rich text) Detailed coverage explanation
icon Optional icon next to the title Select from available icons

Add modal buttons

Section titled “Add modal buttons”
  1. Find the policyModalButtons repeatable field
  2. Add entries:
Field Purpose Example
text Button label Download policy document
href Button link /documents/policy.pdf
variant Button style primary, secondary, outline

Example configuration

Section titled “Example configuration”

For a household insurance policy modal:

Sections:

  1. content-modal-body: “Here’s a summary of your household insurance coverage.”
  2. content-modal-list:
    • Item: “What’s covered” / “Fire, water damage, theft, natural disasters…”
    • Item: “What’s not covered” / “Intentional damage, wear and tear…”
    • Item: “How to file a claim” / “Go to My Policies > File a claim…”

Buttons:

  1. “Download policy” / /api/documents/policy / primary
  2. “Contact support” / mailto:support@feather-insurance.com / secondary

See also

Section titled “See also”