Links

Use Accordions to condense sections of related content, like FAQs or detailed steps, allowing users to reveal information as needed.

Often an accordion does not need an icon, as it already has the down-pointing arrow provided by the component itself.

<Accordion title="Secret Formula: 'SparkleMax'" icon="fa-flask">
  Secret Formula! What's inside:
  * Moon juice
  * Clean smell
  * Lost sock (magic!)
  * Tiny bit of hope.

  **Warning:** Do not drink! Makes things *very* shiny.
</Accordion>