primereact@11.0.0-alpha.10

Components

Discover 75+ accessible UI components in Styled and Tailwind versions — built for easy customization and production use.

Accordion

Accordion groups content into collapsible panels.

styled tailwind

AnimateOnScroll

AnimateOnScroll applies enter and leave animations to elements as they move in and out of the viewport during scroll.

styled

AutoComplete

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

styled tailwind

Avatar

Avatar represents people using icons, labels and images.

styled tailwind

Badge

Badge is a small status indicator for another element.

styled tailwind

Breadcrumb

Breadcrumb provides contextual information about page hierarchy.

styled tailwind

Button

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

styled tailwind

Card

Card is a flexible container component.

styled tailwind

Carousel

Carousel is a content slider featuring various customization options.

styled tailwind

Checkbox

Checkbox is an extension to standard checkbox element with theming.

styled tailwind

CheckboxGroup

CheckboxGroup groups multiple checkboxes and manages their shared value.

styled tailwind

Chip

Chip represents entities using icons, labels and images.

styled tailwind

CommandMenu

CommandMenu represents a command menu component.

styled tailwind

Compare

Compare two items side by side with a slider.

styled tailwind

ConfirmDialog

ConfirmDialog displays a confirmation dialog programmatically using the confirm.dialog() function.

styled

ConfirmPopup

ConfirmPopup displays a confirmation popover programmatically using the confirm.popover() function.

styled

ContextMenu

ContextMenu displays an overlay menu to display actions related to a trigger, activated by a right-click event.

styled

DataTable

DataTable displays data in tabular format with sorting, filtering, pagination and selection features.

styled

DataView

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

styled tailwind

DatePicker

DatePicker is a form component to work with dates.

styled

Dialog

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

styled tailwind

Divider

Divider is used to separate contents.

styled tailwind

Drag & Drop

`useDnd` is the shared drag-and-drop primitive that powers PickList, OrderList, and Kanban.

styled

Drawer

Drawer is a panel component displayed as an overlay at the edges of the screen.

styled tailwind

Fieldset

Fieldset is a container component with a legend and optional collapsible content.

styled tailwind

FileUpload

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

styled

FloatLabel

FloatLabel visually integrates a label with its form element.

styled

Fluid

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

styled tailwind

FocusTrap

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

styled

Gallery

Gallery is a component to display a collection of images in a gallery.

styled

IconField

IconField wraps an input and an icon.

styled tailwind

IftaLabel

IftaLabel visually integrates a label with its form element.

styled

Inplace

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

styled tailwind

InputColor

InputColor is a component that allows the user to select a color.

styled tailwind

InputGroup

InputGroup displays text, icon, buttons and other content can be grouped next to an input.

styled tailwind

InputNumber

InputNumber is used to enter numeric values.

styled tailwind

InputOtp

InputOtp is used to enter one time passwords.

styled tailwind

InputTags

InputTags groups a collection of contents in items.

styled

InputText

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

styled tailwind

Knob

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

styled

Label

Label provides accessible text labels for form controls. Use `htmlFor` to link the label to a form control by its id.

styled tailwind

Listbox

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

styled tailwind

Message

Message component is used to display inline messages.

styled tailwind

MeterGroup

MeterGroup displays scalar measurements within a known range.

styled tailwind

OrderList

OrderList is used to reorder items in a list using selection and drag-drop.

styled

OrgChart

OrgChart visualizes hierarchical organization data.

styled

Paginator

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

styled tailwind

Panel

Panel is a container component with optional collapsible content.

styled tailwind

Password

Password is an enhanced input for password entry with strength metering, mask toggling, and controlled or uncontrolled usage.

styled tailwind

PickList

PickList is used to transfer items between two lists with drag-drop and button controls.

styled

Popover

Popover is an overlay container that displays content relative to a trigger.

styled tailwind

ProgressBar

ProgressBar is a process status indicator.

styled tailwind

ProgressSpinner

ProgressSpinner is a process status indicator that supports both determinate and indeterminate modes.

styled

RadioButton

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

styled tailwind

Rating

Rating component is a star based selection input.

styled tailwind

ScrollArea

ScrollArea is a cross browser, lightweight and themable alternative to native browser scrollbar.

styled tailwind

Select

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

styled tailwind

Sidebar

Sidebar is a layout component for building application navigation with collapsible panels, multi-variant styling, and composable menu structures.

styled tailwind

Skeleton

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

styled tailwind

Slider

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

styled tailwind

SpeedDial

SpeedDial is a floating action button with a popup menu displaying a set of actions.

styled

Splitter

Splitter is utilized to separate and resize panels.

styled tailwind

Stepper

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

styled

StyleClass

StyleClass manages CSS classes on a target element with enter/leave animations triggered by user interaction.

styled

Switch

Switch is used to select a boolean value.

styled tailwind

Tabs

Tabs is a component that displays a list of tabs and allows the user to select one.

styled tailwind

Tag

Tag component is used to categorize content.

styled tailwind

Terminal

Terminal is a text-based interface component that emulates a command line experience, enabling users to enter commands and receive responses.

styled

Textarea

Textarea is a multi-line text input element.

styled tailwind

Timeline

Timeline visualizes a series of chained events.

styled tailwind

Toast

Toast is a component that displays a message to the user.

styled tailwind

ToggleButton

ToggleButton component is used to create a button that can be toggled on or off.

styled tailwind

ToggleButtonGroup

ToggleButtonGroup component is used to create a group of toggle buttons.

styled tailwind

Toolbar

Toolbar is a grouping component for buttons and other content.

styled tailwind

Tooltip

Tooltip is a component that displays a tooltip when the user hovers over an element.

styled tailwind

Tree

Tree is used to display hierarchical data.

styled

{

"stats": {

"components": 77,

"styled": 77,

"tailwind": 53,

"both": 53

}