# List

The [Avonni List](https://docs.avonnicomponents.com/flow/flow-components/list) flow screen component tutorial page is a go-to resource for anyone looking to learn how to use and configure this screen component. The page offers a range of tutorials covering everything from basic setup to advanced customization. You can learn how to customize the look and feel of your list, and add sortable options and actions. 

## Tutorials

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Create a grid list with images</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FEHuffv8VBV6clJUqg5ta%2FExample%20-%20List%20Sortable%20(2).png?alt=media&#x26;token=e00f8fae-4937-4960-b2a7-1fcef2d4dbd8">Example - List Sortable (2).png</a></td><td><a href="list/create-a-grid-list-with-images">create-a-grid-list-with-images</a></td></tr><tr><td><strong>Create a sortable list</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FYi1JL5wcdtSMZBJQfiOz%2FExample%20-%20List%20Sortable%20(1).png?alt=media&#x26;token=44d7cb69-c834-4e95-af41-7873d7984eed">Example - List Sortable (1).png</a></td><td><a href="list/create-a-sortable-list">create-a-sortable-list</a></td></tr><tr><td><strong>Vertical List with Actions</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FUh30IRBZmkVZ2ebklc12%2FExample%20-%20Vertical%20List%20with%20Actions%20(1).png?alt=media&#x26;token=762c7744-008d-431f-8cd3-b1a245f8cf64">Example - Vertical List with Actions (1).png</a></td><td><a href="list/vertical-list-with-actions">vertical-list-with-actions</a></td></tr></tbody></table>