Name Description
ionHeaderBar

Adds a fixed header bar above some content.

ionFooterBar

Adds a fixed footer bar below some content.

ionCheckbox

No different than the HTML checkbox input, except it's styled differently.

ionPane

A simple container that fits content, with no side effects. Adds the 'pane' class to the element.

ionContent

The ionContent directive provides an easy to use content area that can be configured to use Ionic's custom Scroll View, or the built in overflow scrolling of the browser.

ionRefresher

Allows you to add pull-to-refresh to a scrollView.

ionInfiniteScroll

The ionInfiniteScroll directive allows you to call a function whenever the user gets to the bottom of the page or near the bottom of the page.

ionItem

The ionItem directive creates a list-item that can easily be swiped, deleted, reordered, edited, and more.

ionList

The List is a widely used interface element in almost any mobile app, and can include content ranging from basic text all the way to buttons, toggles, icons, and thumbnails.

ionNavBar

If we have an ionNavView directive, we can also create an <ion-nav-bar>, which will create a topbar that updates as the application state changes.

ionNavBackButton

Creates a back button inside an ionNavBar.

ionNavButtons

Use ionNavButtons to set the buttons on your ionNavBar from within an ionView.

ionRadio

No different than the HTML radio input, except it's styled differently.

ionScroll

Creates a scrollable container for all content inside.

ionSideMenus

A container element for side menu(s) and the main content. Allows the left and/or right side menu to be toggled by dragging the main content area side to side.

ionSideMenuContent

A container for the main visible content, sibling to one or more ionSideMenu directives.

ionSideMenu

A container for a side menu, sibling to an ionSideMenuContent directive.

menuToggle

Toggle a side menu on the given side

menuClose

Closes a side menu which is currently opened.

ionSlideBox

The Slide Box is a multi-page container where each page can be swiped or dragged between:

ionTabs

Powers a multi-tabbed interface with a Tab Bar and a set of "pages" that can be tabbed through.

ionTab

Contains a tab's content. The content only exists while the given tab is selected.

ionToggle

An animated switch which binds a given model to a boolean.

ionView

A container for content, used to tell a parent ionNavBar about the current view.

ionNavView

As a user navigates throughout your app, Ionic is able to keep track of their navigation history. By knowing their history, transitions between views correctly slide either left or right, or no transition at all. An additional benefit to Ionic's navigation system is its ability to manage multiple histories.

navClear

Disables any transition animations between views, along with removing the back button which would normally show on the next view. This directive is useful for links within a sideMenu.