Design+Code logo

Quick links

No results found

Suggested search

In this section, we’ll implement the segmented control found at the top of the bottom sheet that will let us toggle between forecast periods. Of course, we’ll incorporate the selection animation too, in all its glory. A segmented control is a set multiple segments of equal width that act as buttons. They are used to separate or filter similar content and allow switching between them. They are easily recognized in the form of horizontal toggles. A good example would be the Calendar app where you could see the calendar periods to present events in different time frames and the inbox to filter the new and replied events.

Purchase includes access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files and certificates.

Templates and source code

Download source files

Download the videos and assets to refer and learn offline without interuption.


Design template


Source code for all sections


Video files, ePub and subtitles

Browse all downloads