Accordion

import { Accordions, Accordion } from "@prisma/eclipse";

export function FAQSection() {
  return (
    <Accordions type="single">
      <Accordion title="What is Prisma?">
        Prisma is a next-generation ORM that makes working with databases easy for application developers.
      </Accordion>
      <Accordion title="How do I get started?">
        You can get started by installing Prisma CLI and initializing a new project.
      </Accordion>
      <Accordion title="What databases are supported?">
        Prisma supports PostgreSQL, MySQL, SQLite, SQL Server, MongoDB, and CockroachDB.
      </Accordion>
    </Accordions>
  );
}

import { Accordions, Accordion } from "@prisma/eclipse";

export function MultipleAccordion() {
  return (
    <Accordions type="multiple">
      <Accordion title="Installation">
        Run npm install to get started.
      </Accordion>
      <Accordion title="Configuration">
        Configure your settings in the config file.
      </Accordion>
      <Accordion title="Usage">
        Import and use the components in your app.
      </Accordion>
    </Accordions>
  );
}

import { Accordions, Accordion } from "@prisma/eclipse";

export function HashLinkedAccordion() {
  return (
    <Accordions type="single">
      <Accordion 
        id="what-is-prisma" 
        title="What is Prisma?"
      >
        Prisma is a next-generation ORM that makes working with databases easy.
      </Accordion>
      <Accordion 
        id="getting-started" 
        title="How do I get started?"
      >
        You can get started by installing Prisma CLI.
      </Accordion>
    </Accordions>
  );
}

import { Accordions, Accordion } from "@prisma/eclipse";

export function CustomValueAccordion() {
  return (
    <Accordions type="single" defaultValue="intro">
      <Accordion value="intro" title="Introduction">
        Welcome to our documentation.
      </Accordion>
      <Accordion value="setup" title="Setup">
        Follow these steps to set up your project.
      </Accordion>
      <Accordion value="usage" title="Usage">
        Learn how to use the features.
      </Accordion>
    </Accordions>
  );
}