Components

AutoComplete is an input component that provides real-time suggestions when being typed.

CascadeSelect is a form component to select a value from a nested structure of options.

Checkbox is an extension to standard checkbox element with theming.

ColorPicker is an input component to select a color.

DatePicker is a form component for date inputs.

Editor is rich text editor component based on Quill.

FloatLabel visually integrates a label with its form element.

IconField wraps an input and an icon.

IftaLabel is used to create infield top aligned labels

Text, icon, buttons and other content can be grouped next to an input.

InputMask component is used to enter input in a certain format such as numeric, date, currency, email and phone.

InputNumber is an input component to provide numerical input.

Input Otp is used to enter one time passwords.

InputText is an extension to standard input element with theming.

A keyfilter is a directive used to block individual keystrokes based on a pattern.

Knob is a form component to define number inputs with a dial.

Listbox is used to select one or more values from a list of items.

MultiSelect is used to select multiple items from a collection.

Password displays strength indicator for password fields.

RadioButton is an extension to standard radio button element with theming.

Rating component is a star based selection input.

Select is used to choose an item from a collection of options.

SelectButton is used to choose single or multiple items from a list using buttons.

Slider is a component to provide input with a drag handle.

Textarea adds styling and autoResize functionality to standard textarea element.

ToggleButton is used to select a boolean value using a button.

ToggleSwitch is used to select a boolean value.

TreeSelect is a form component to choose from hierarchical data.

Button is an extension to standard input element with icons and theming.

When pressed, a floating action button can display multiple primary actions that can be performed on a page.

SplitButton groups a set of commands in an overlay with a default command.

DataTable displays data in tabular format.

DataView displays data in grid or list layout with pagination and sorting features.

OrderList is used to sort a collection.

OrganizationChart visualizes hierarchical organization data.

Paginator displays data in paged format and provides navigation between pages.

PickList is used to reorder items between different lists.

Timeline visualizes a series of chained events.

Tree is used to display hierarchical data.

TreeTable is used to display hierarchical data in tabular format.

VirtualScroller is a performant approach to render large amounts of data efficiently.

Accordion groups a collection of contents in panels.

Card is a flexible container component.

DeferredContent postpones the loading the content that is initially not in the viewport until it becomes visible on scroll.

Divider is used to separate contents.

Fieldset is a grouping component with a content toggle feature.

Panel is a grouping component providing with content toggle feature.

ScrollPanel is a cross browser, lightweight and skinnable alternative to native browser scrollbar.

Splitter is utilized to separate and resize panels.

The Stepper component displays a wizard-like workflow by guiding users through the multi-step progression.

Tabs facilitates seamless switching between different views.

Toolbar is a grouping component for buttons and other content.

ConfirmDialog uses a Dialog UI that is integrated with the Confirmation API.

ConfirmPopup displays a confirmation overlay displayed relatively to its target.

Dialog is a container to display content in an overlay window.

Drawer is a container component displayed as an overlay.

Dialogs can be created dynamically with any component as the content using a DialogService.

Popover is a container component that can overlay other components on page.

Tooltip directive provides advisory information for a component.

FileUpload is an advanced uploader with dragdrop support, multi file uploads, auto uploading, progress tracking and validations.

Breadcrumb provides contextual information about page hierarchy.

ContextMenu displays an overlay menu to display actions related to an element.

Dock is a navigation component consisting of menuitems.

Menu displays a list of items in vertical orientation.

Menubar also known as Navbar, is a horizontal menu component.

MegaMenu is a navigation component that displays submenus and content in columns.

PanelMenu is a hybrid of accordion-tree components.

TieredMenu displays submenus in nested overlays.

Message component is used to display inline messages.

Toast is used to display messages in an overlay.

Carousel is a content slider featuring various customization options.

Galleria is a content gallery component.

Displays a single image with preview and tranformation options.

Compare two images side by side with a slider.

AnimateOnScroll is used to apply animations to elements when entering or leaving the viewport during scrolling.

Avatar represents people using icons, labels and images.

Badge is a small status indicator for another element.

BlockUI can either block other components or the whole page.

Chip represents entities using icons, labels and images.

Focus Trap keeps focus within a certain DOM element while tabbing.

Fluid is a layout component to make descendant components span full width of their container.

Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.

MeterGroup displays scalar measurements within a known range.

ProgressBar is a process status indicator.

ProgressSpinner is a process status indicator.

ScrollTop gets displayed after a certain scroll position and used to navigates to the top of the page quickly.

Skeleton is a placeholder to display instead of the actual content.

Ripple directive adds ripple effect to the host element.

StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element.

Tag component is used to categorize content.

Terminal is a text based user interface.