PrimeVue

up:: UI libraries

Integrates with Tailwind via Tailwind CSS - PrimeVue.

ClassProperty
primary-[50-950]Primary color palette.
surface-[0-950]Surface color palette.
primaryDefault primary color.
primary-contrastDefault primary contrast color.
primary-emphasisDefault primary emphasis color.
border-surfaceDefault primary emphasis color.
bg-emphasisEmphasis background e.g. hovered element.
bg-highlightHighlight background.
bg-highlight-emphasisHighlight background with emphasis.
rounded-borderBorder radius.
text-colorText color with emphasis.
text-color-emphasisDefault primary emphasis color.
text-muted-colorSecondary text color.
text-muted-color-emphasisSecondary text color with emphasis.

Components

Form

  1. AutoComplete
  2. CascadeSelect
  3. Checkbox
  4. ColorPicker
  5. DatePicker
  6. Editor
  7. FloatLabel
  8. IconField
  9. InputGroup
  10. InputMask
  11. InputNumber
  12. InputOtp
  13. InputText
  14. Knob
  15. Listbox
  16. MultiSelect
  17. Password
  18. RadioButton
  19. Rating
  20. Select
  21. SelectButton
  22. Slider
  23. Textarea
  24. ToggleButton
  25. ToggleSwitch
  26. TreeSelect

Button

  1. Button
  2. SpeedDial
  3. SplitButton

Data

  1. DataTable
  2. DataView
  3. OrderList
  4. OrgChart
  5. Paginator
  6. PickList
  7. Timeline
  8. Tree
  9. TreeTable
  10. VirtualScroller

Panel

  1. Accordion
  2. Card
  3. Deferred
  4. Divider
  5. Fieldset
  6. Panel
  7. ScrollPanel
  8. Splitter
  9. Stepper
  10. Tabs
  11. Toolbar

Overlay

  1. ConfirmDialog
  2. ConfirmPopup
  3. Dialog
  4. Drawer
  5. DynamicDialog
  6. Popover
  7. Tooltip

File

  1. Upload
  1. Breadcrumb
  2. ContextMenu
  3. Dock
  4. Menu
  5. Menubar
  6. MegaMenu
  7. PanelMenu
  8. TieredMenu

Chart

  1. Chart.js

Messages

  1. Message
  2. Toast

Media

  1. Carousel
  2. Galleria
  3. Image

Misc

  1. AnimateOnScroll
  2. Avatar
  3. Badge
  4. BlockUI
  5. Chip
  6. FocusTrap
  7. Inplace
  8. Fluid
  9. MeterGroup
  10. ScrollTop
  11. Skeleton
  12. ProgressBar
  13. ProgressSpinner
  14. Ripple
  15. StyleClass
  16. Tag
  17. Terminal