1# JSList Offerings 2 3### Introduction 4 5This sample shows the application of the **<list\>** component in the offering classification list. In **<listGroup\>**, two **<list-item\>** components are used to display the list in the collapsed and expanded state, respectively. After a list is touched, the corresponding list items are displayed. 6 7### Usage Instructions 8 91. This sample app uses the collapsed list page as the initial page. The initial page uses **<list-item\>** as the child component of **<list\>** to display three categories: **Phones**, **Tablets**, and **Smart Office**. Touching any of the categories will display the corresponding offerings. If you touch an expanded list, the list is collapsed. 10 112. You can add, delete, and modify offering data in each category in the **en-US.json** file and view the changes on the corresponding page. 12 13### Constraints 14 15This sample can only be run on standard-system devices. 16