> For the complete documentation index, see [llms.txt](https://docs.lightningrails.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lightningrails.com/ui-components/faqs.md).

# FAQs

All the components pre-built in LightningRails for FAQ sections - Design from DaisyUI + TailwindCSS + custom

### Basic FAQ

<figure><img src="https://2221554152-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPCf6vtFuZEPHXJd7JfIe%2Fuploads%2FF7KrkifIbvN2GWTZh3ZD%2FScreenshot%202024-08-26%20at%2013.13.40.png?alt=media&amp;token=619566b7-7859-4e1e-b7e1-fb236df0bfae" alt=""><figcaption><p>LightningRails Basic FAQ</p></figcaption></figure>

To add this section copy and paste the following code into your html.erb file:

```
<%= render "components/faq" %>
```

***

### FAQ full width

<figure><img src="https://2221554152-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPCf6vtFuZEPHXJd7JfIe%2Fuploads%2FPEDYvonb3JF7KfRXDoZL%2FScreenshot%202024-08-26%20at%2014.13.14.png?alt=media&amp;token=04d73e7c-9183-4c59-9395-f246597e446f" alt=""><figcaption><p>FAQ section with full width and + signs</p></figcaption></figure>

If you prefer this design copy paste the following:

```
<%= render "components/faq_full" %>
```

More designs coming soon! 🚀

***

### See more FAQ designs:

* [HyperUi faq](https://www.hyperui.dev/components/marketing/faqs)
* [DaisyUI faq](https://daisyui.com/components/collapse/)