Forma 36 - Accordion
Forma 36 is an open-source design system by Contentful created with the intent to reduce the overhead of creating UI by providing tools and guidance for digital teams building and extending Contentful products.
function AccordionWithOtherComponentExample() { return ( <Accordion> <Accordion.Item title={ <SectionHeading marginBottom="none"> What payment methods do you accept? </SectionHeading> } > <Stack flexDirection="column"> <Text marginBottom="spacingS"> Customers on the Team tier can pay with a credit card (American Express, MasterCard or Visa). Enterprise customers have the choice of paying with a credit card or wire transfer. </Text> <Button onClick={() => console.log('clicked!')}> Accordion’s button </Button> </Stack> </Accordion.Item> <Accordion.Item title={…
saved by
related reading
- AI Elementselements.ai-sdk.dev
- Open design systems from the Figma Communitydesignsystems.com
- Components | The Component Gallerycomponent.gallery
- The Component Gallerycomponent.gallery
- Design Librarydaniela.craft.me
- Subframe – The AI design tool built for codesubframe.com
- DESIGN.md Examples for AI Agents | Refero Stylesstyles.refero.design
- John Bai Portfoliobai.framer.website
- ui.sh — Agent skills for interface buildersui.sh
- Design System Resources & Tools · Design Systems Surfdesignsystems.surf
- Impeccable: The missing upgrade to Anthropic's impeccable skillimpeccable.style
- v0 by Vercel - Build Full-Stack Web Apps with AIv0.dev