Feathers UI includes many different types of UI components — from basics like buttons, sliders, and inputs, to scrolling containers, navigation managers, and more.
Basic UI components
AssetLoaderdisplays images and other assets.
Buttonis a standard push button that may be clicked or tapped.
Checkis a check box that may be selected and deselected with a click/tap.
Headerdisplays a title with optional views on the left and right sides.
VProgressBardisplays a numeric value with a simple linear fill.
VSliderdisplay a numeric value with a thumb that may be dragged along a track.
Labeldisplays text in a single line or multiple lines.
PageIndicatorselects a page index with a basic row of symbols.
Radiobelongs to a group where only one may be selected.
TextAreadisplays editable multiline text.
TextInputdisplays editable text on a single line.
ToggleButtonmay be clicked or tapped to change selection.
ToggleSwitchmay be clicked, tapped, or dragged to change selection.
Containers that support layout, with additional capabilities like scrolling and extra chrome like headers and footers.
LayoutGroupis the most basic container that supports layout.
ScrollContainersupports layout and scrolling.
Paneladds a header and footer to a scrolling container.
VDividedBoxdisplays views horizontally or vertically, with resizing handles between them.
Formgroups a set of input controls with labels.
Containers that display data from collections, with layout and scrolling.
ButtonBardisplays a row of buttons.
ComboBoxpops up a list of data, with a text input for filtering.
GridViewdisplays a flat collection of data in multiple columns.
GroupListViewdisplays a hierarchical collection of data in a scrollable region.
ListViewdisplays a flat collection of data in a scrollable region.
PopUpListViewpops up a list of data when clicking or tapping a button.
TabBardisplays a row of tabs, where only one may be selected.
TreeViewdisplays hierarchical data in a list, and branches may be opened and closed.
The following components are designed for rendering each individual item from the container's collection.
ItemRendererdisplays a background skin, up to two lines of text, and an icon.
LayoutGroupItemRendererallows the creation of new types of item renderers with custom content.
Containers that support navigation between different views.
PageNavigatornavigates among views using a
RouterNavigatornavigates among views with web browser's history API integration.
StackNavigatornavigates among views with built-in history tracking.
TabNavigatornavigates among views using a
Various other UI components that don't necessarily fit in one of the above categories.