Frequently asked questions

You're billed monthly or annually per workspace. Invoices are emailed to the billing owner and are always available under Settings, Billing.

Controls

variant

type

defaultOpen

icon

accent

title

description

searchable

searchPlaceholder

staggers

durations

radiuspx

FAQ

Animated FAQ accordion in four styles, with height-auto reveals, a live filter that collapses non-matching items and full keyboard support.

Open in v0

$ pnpm dlx shadcn@latest add @tweenly/faq

import { Faq } from "@/components/faq"

const items = [
  { question: "Can I change plans later?", answer: "Yes. Upgrades apply instantly and downgrades take effect at the end of your billing period." },
  { question: "Do you offer refunds?", answer: "Annual plans can be refunded in full within 30 days, no questions asked." },
]

export function Demo() {
  return (
    <Faq defaultOpen={0} title="Frequently asked questions" items={items} />
  )
}

Updates live as you change the controls. Only non-default props are included.

Frequently asked questions

How does billing work?

Can I get a refund?

How do team seats work?

Can I export my data?

Do you support SSO and SCIM?

What happens when I cancel?