From the course: Angular: Material Design

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Tabs

Tabs - Angular Tutorial

From the course: Angular: Material Design

Start my 1-month free trial

Tabs

- [Instructor] Tabs organize content allowing users to quickly navigate between sections of your application. Content in tabs should be of similar importance and be unique between tabs. You can use icons to distinguish your tabs but like navigation links, keep the text concise and short and if you're going to use icons, you must use them on all tabs for consistency, otherwise don't use them at all. Don't use tabs as a way to move sequentially through content like a wizard. There are other ways to do that in Material. Content should never scroll behind the tabs. It should appear as one single pane of content that moves up and down the page. Changing tabs should be fast. Lazy load content after the tab selection has changed, it's frustrating when you click on a tab and it freezes because the content is loading behind the scenes. Let's add some tabs to our application now. In Visual Studio Code, we're going to add tabs to our Orders module to show the open orders, shipments and archived…

Contents