> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xquiz.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# List

<img style={{ borderRadius: '0.5rem' }} src="https://mintcdn.com/xquiz-12076fbf/DabTafNhExNz5i1G/images/lista-2.png?fit=max&auto=format&n=DabTafNhExNz5i1G&q=85&s=99cf6224a751390af815e780cbe653e5" width="1700" height="900" data-path="images/lista-2.png" />

The List element is perfect for highlighting information in an organized format, with icons and short texts. It helps convey ideas more clearly, whether for instructions, benefits, comparisons, or highlights.

**What it's for**

* Highlight important points (e.g., benefits, features, instructions).

* Organize content in a visual and didactic way.

* Reinforce arguments with icon support.

**What you can configure**

* Animation: choose the component's entry effect on the page.

* List items: add multiple blocks with title, result, and icon.

* Custom colors: customize background, border, and text colors.

**Each item can contain:**

* A title (e.g., "Lifestyle").

* A result (e.g., "Sedentary").

* A custom icon (selected from the XQuiz icon library).

**Usage tip!**

Use this component when you want to show individual results or list important aspects with a more compact visual. To create multiple options, just duplicate the item.
