Version: v6UI ComponentsIonic apps are made of high-level building blocks called Components, which allow you to quickly construct the UI for your app. Ionic comes stock with a number of components, including cards, lists, and tabs. Once you’re familiar with the basics, refer to the API Index for a complete list of each component and sub-component.Action SheetAction Sheets display a set of options with the ability to confirm or cancel an action.AlertAlerts are a great way to offer the user the ability to choose a specific action or list of actions.BadgeBadges are a small component that typically communicate a numerical value to the user.ButtonButtons let your users take action. They're an essential way to interact with and navigate through an app.CardCards are a great way to display an important piece of content, and can contain images, buttons, text, and more.CheckboxCheckboxes can be used to let the user know they need to make a binary decision.ChipChips are a compact way to display data or actions.ContentContent is the quintessential way to interact with and navigate through an app.Date & Time PickersDate & time pickers are used to present an interface that makes it easy for users to select dates and times.Floating Action ButtonFloating action buttons are circular buttons that perform a primary action on a screen.IconsBeautifully designed icons for use in web, iOS, Android, and desktop apps.GridThe grid is a powerful mobile-first system for building custom layouts.Infinite ScrollInfinite scroll allows you to load new data as the user scrolls through your app.InputInputs provides a way for users to enter data in your app.ItemItems are an all-purpose UI container that can be used as part of a list.ListLists can display rows of information, such as a contact list, playlist, or menu.NavigationNavigation is how users move between different pages in your app.MenuMenus are a common navigation pattern. They can be permanently on-screen, or revealed when needed.ModalModals slide in and off screen to display a temporary UI and are often used for login or sign-up pages.PopoverPopover provides an easy way to present information or options without changing contexts.Progress IndicatorsProgress indicators visualize the progression of an operation or activity.RadioRadio inputs allow you to present a set of exclusive options.RefresherRefresher provides pull-to-refresh functionality on a content component.SearchbarSearchbar is used to search or filter items, usually from a toolbar.ReorderReorder lets users drag and drop to reorder a list of items.RoutingRouting allows navigation based on the current path.SegmentSegments provide a set of exclusive buttons that can be used as a filter or view switcher.SelectSelect is similar to the native HTML select, with a few improvements to sorting and selecting.TabsTabs enable tabbed navigation, a standard navigation pattern in modern apps.ToastToast is used to show a notification over the top of an app's content. It can be temporary or dismissable.ToggleToggles are an input for binary options, often used for options and switches.ToolbarToolbars are used to house information and actions relating to your app.