GeezerVison is showing primereact.dev — Components - PrimeReact

primereact@11.2.3

Components

Discover a wide range of premium UI components in Styled and Tailwind versions, crafted for enterprise-grade applications and equally suited for individual projects.

Form

(27)

AutoComplete

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

Checkbox

Checkbox is an extension to standard checkbox element with theming.

CheckboxGroup

CheckboxGroup groups multiple checkboxes and manages their shared value.

DatePicker

DatePicker is a form component to work with dates.

FloatLabel

FloatLabel visually integrates a label with its form element.

IconField

IconField wraps an input and an icon.

IftaLabel

IftaLabel visually integrates a label with its form element.

InputColor

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

InputGroup

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

InputMask

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

InputNumber

InputNumber is used to enter numeric values.

InputOtp

InputOtp is used to enter one time passwords.

InputPassword

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

InputTags

InputTags groups a collection of contents in items.

InputText

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

KeyFilter

KeyFilter is used to block individual keystrokes based on a pattern.

Knob

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

Label

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

Listbox

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

RadioButton

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

Rating

Rating component is a star based selection input.

Select

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

Slider

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

Textarea

Textarea is a multi-line text input element.

ToggleButton

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

ToggleButtonGroup

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

ToggleSwitch

ToggleSwitch is used to select a boolean value.

Button

(3)

Button

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

ButtonGroup

ButtonGroup composes related buttons into a connected pill with shared corners and seams.

SpeedDial

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

Data

(9)

DataTable

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

DataView

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

OrderList

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

OrganizationChart

OrganizationChart visualizes hierarchical organization data.

Paginator

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

PickList

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

Timeline

Timeline visualizes a series of chained events.

Tree

Tree is used to display hierarchical data.

TreeTable

TreeTable renders hierarchical data with the same feature set as DataTable, sort, filter, pagination, selection, scroll, frozen, resize, reorder, editing, export.

Panel

(10)

Accordion

Accordion groups content into collapsible panels.

Card

Card is a flexible container component.

Divider

Divider is used to separate contents.

Fieldset

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

Panel

Panel is a container component with optional collapsible content.

ScrollArea

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

Splitter

Splitter is utilized to separate and resize panels.

Stepper

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

Tabs

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

Toolbar

Toolbar is a grouping component for buttons and other content.

Overlay

(5)

Dialog

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

Drawer

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

OverlayManager

OverlayManager opens overlay components imperatively from anywhere in your app.

Popover

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

Tooltip

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

File

(1)

FileUpload

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

Messages

(2)

Message

Message component is used to display inline messages.

Toast

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

Media

(3)

Carousel

Carousel is a content slider featuring various customization options.

Compare

Compare two items side by side with a slider.

Gallery

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

Misc

(13)

AnimateOnScroll

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

Avatar

Avatar represents people using icons, labels and images.

Badge

Badge is a small status indicator for another element.

Chip

Chip represents entities using icons, labels and images.

Fluid

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

FocusTrap

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

Inplace

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

MeterGroup

MeterGroup displays scalar measurements within a known range.

ProgressBar

ProgressBar is a process status indicator.

ProgressSpinner

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

Skeleton

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

Tag

Tag component is used to categorize content.

Terminal

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

Components

Styled

Tailwind

GeezerVison

Components

Form

AutoComplete

Checkbox

CheckboxGroup

DatePicker

FloatLabel

IconField

IftaLabel

InputColor

InputGroup

InputMask

InputNumber

InputOtp

InputPassword

InputTags

InputText

KeyFilter

Knob

Label

Listbox

RadioButton

Rating

Select

Slider

Textarea

ToggleButton

ToggleButtonGroup

ToggleSwitch

Button

Button

ButtonGroup

SpeedDial

Data

DataTable

DataView

OrderList

OrganizationChart

Paginator

PickList

Timeline

Tree

TreeTable

Panel

Accordion

Card

Divider

Fieldset

Panel

ScrollArea

Splitter

Stepper

Tabs

Toolbar

Overlay

Dialog

Drawer

OverlayManager

Popover

Tooltip

File

FileUpload

Menu

Breadcrumb

ContextMenu

Menu

NavigationMenu

Sidebar

Messages

Message

Toast

Media

Carousel

Compare

Gallery

Misc

AnimateOnScroll

Avatar

Badge