Add user interface components to your application

If an application is organized, it is more readable and more understandable. In your A/B test application, you have a lot of charts, but no organization. In the next few lessons, you’ll use user interface components to bring some organization to your application and provide new functionality. First, you’ll use a Grid component to arrange your charts to match the layout in your design guide. Second, you’ll add headings to clarify what each chart represents. Third, you'll add descriptions for your A and B design versions to the top of your app. Finally, you’ll create a section for ending your A/B test.

Before you add user any UI components to your application, remind yourself of how your application will look when you finish:

Design guide for chart components

In the next lesson, you arrange your charts to look like they do in your design guide.