> For the complete documentation index, see [llms.txt](https://docs.airdev.co/canvas-pages-and-modules/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.airdev.co/canvas-pages-and-modules/2.0.0/modules/listing-details-with-icons-and-menu-focus-group.md).

# Listing details with icons and menu focus group

## Overview

This fully-responsive block includes a title text, icons with labels, star rating, description text, and tags. It is ideal for displaying a list of fields on an object. No workflows are associated with this block.

## Structure

* When this block is added to a page, it is placed within a group called ***Blocks container 860 (do not rename)*** on the page. This group contains the responsive settings for all blocks.
* ***Group Inner content*** contains the following UI components:
  * ***Group Inner more*** contains the ***menufocusgroup\_template*** reusable element. For more information on how to use menu focus groups, please [click here](https://docs.airdev.co/canvas-pages-and-modules/v/2.0.0/reusables/menufocusgroup-or-menu-options).
  * ***Group Collapsible icons*** contains icons with labels. Ideal for displaying short fields such as duration and location.
  * ***Group Collapsible reviews*** contains a reusable element called ***star rating***. Set the data source of the reusable to a number between 1 to 5 to display the appropriate stars.
  * ***Group Collapsible description*** contains a text element for display long descriptions.
  * ***Group Collapsible tags*** contains a disabled multidropdown.
  * You can add additional UI components to the group by resizing ***Group PLACEHOLDER***. Please ensure the placeholder group is not overlapping with any other elements.

## How to set up

* Hide any groups that you are not using
* Go to ***menufocusgroup\_template*** and add workflows to each visible menu item. 
* Update the data sources of all text elements and the multidropdown.
* Update ***star rating's*** data source
* Update feather icons