FAQ

A FAQ component.

Props

faqs (required)

type: array

A list of frequently asked questions and their answers.

Properties:

• question (string, required): The FAQ question
• answer (string, required): The answer to the question

Example

import { Faq } from "@dlcastillop/starlight-marketing-components";

<Faq
  faqs={[
    {
      question: "Can I use these components in my project?",
      answer:
        "These components are part of a private library built for personal use. They're based on Tailwind Plus components, which have licensing restrictions that prevent redistribution. If you're interested in similar components, check out the official Tailwind Plus library.",
    },
    {
      question: "Are these components open source?",
      answer:
        "No, this is a private component library. The components utilize Tailwind Plus elements, whose license prohibits public distribution or sharing outside of the license holder's projects.",
    },
    {
      question: "Why build a private component library?",
      answer:
        "Building a personal component library for Starlight projects allows for consistent design patterns, faster development, and a tailored experience across multiple documentation sites while respecting third-party licensing terms.",
    },
    {
      question: "Can I see the source code?",
      answer:
        "The source code is not publicly available due to licensing restrictions on the underlying component designs from Tailwind UI.",
    },
    {
      question: "What if I want something similar for my docs?",
      answer:
        "Consider building your own component library using Tailwind UI (if you have a license) or explore other component libraries compatible with Starlight and Astro.",
    },
    {
      question: "Will you offer a public version in the future?",
      answer:
        "There are no plans to create a public version. This library is specifically designed for personal projects and built upon components that cannot be redistributed.",
    },
  ]}
/>