Popularity of mobile phones has been immensely increased in the last decade. Now, people are using mobile phones not only for talking but also for many other purposes. Modern mobile phones are known as smart phones and come with high processing and storage power. On these phones, users can install and run various apps, such as Facebook, WhatsApp, YouTube, Google+, and many more. With a significant increase in the use of smart phones and apps, demand of mobile User Interface (UI) developers is also increasing in the IT industry.There are different mobile platforms are available in the market. The three most popular platforms are Android, Windows, and iOS. These platforms have different hardware buttons, navigation patterns, and styles. Therefore, for a mobile UI developer, it is a difficult task to create a design that can be used on different platforms. To overcome this problem, there are some tools available. These tools let you design a UI that can be seamlessly used on multiple platforms.
The Chocolate Chip library contains a number of classes. One of the important classes is list. The list class is used for designing basic layouts. Using this class, you can design normal layouts that contain various list items. Each list item can include three elements: title, subtitle, and description. These elements are specified by pre-defined HTML tags. You need to use h3, h4, and p tags to represent title, subtitle, and description of a list item respectively. By default, these elements are stacked vertically. You can also add header and footer of a list by placing h2 and p tags before and after the list respectively. By default, the list header is displayed in upper case. To display the list header in normal casing, you need to use the normal-case class with the header (h2) tag. The list class is used to design simple layouts. To create more complex layouts, you can use the comp class. The comp class allows you to embed div and aside tags inside a list item.