DOCSEARCHbyAlgolia
Submit Docs

Vuestic UI Documentation

website·Indexed 34 days ago

https://ui.vuestic.dev

A comprehensive library of Vue components including UI elements such as va-data-table, va-parallax, va-progress-bar, va-virtual-scroller, and va-navbar. The documentation covers props, slots, events, and CSS variables for a wide range of headless utility components and representative UI elements.

Tokens
41.6K
Snippets
194
Records
393
Agent score
68%

What's inside Vuestic UI

  1. Overview of Vuestic UI Date Picker

    The Date Picker component allows users to select single dates, multiple dates, or a range of dates, months, and years. It is based on native JavaScript Date objects, making it compatible with any external date library. The component supports custom strings and formats.

  2. Overview of Vuestic UI Skeleton component

    The Skeleton component is used to indicate that content is loading, improving user experience by providing a visual placeholder. It supports various shapes (circle, rounded, square, text) and animations to mimic the layout of the content being loaded.

  3. Overview of VaFormField component

    VaFormField is a utility component used to manage form fields. It provides computed references for isValid, isDirty, and errorMessages, as well as methods to validate(), resetValidation(), and reset() (which resets both validation and the field value). It is commonly used to wrap custom components to provide them with validation capabilities via the rules prop.

  4. Overview of Vuestic UI Framework

    Vuestic UI is an MIT-licensed, open-source UI framework built for Vue 3. It provides a set of ready-to-use, responsive, and accessible frontend components designed to accelerate the development of web interfaces. Key features include a built-in dark theme, i18n integration for localization, global configuration for effortless component customization, and compatibility with other component libraries.

  5. Overview of Vuestic UI Scroll Container

    The Scroll Container is a UI element used to wrap long lists or large content areas, providing a custom-colored and styled scrollbar to improve the visual consistency of the application.

  6. Overview of the va-chip component

    The va-chip component is a compact UI element used for displaying data or performing actions. It supports various visual styles including default, outline, flat, and square, and can be customized with colors, sizes, and icons.

  7. Overview of Vuestic UI Select component

    The Select field component is used to collect user-provided information from a predefined list of options. It functions by opening a menu that contains the selection list and associated actions.

  8. Overview of VaTimeInput component

    The VaTimeInput component is a hybrid of the Time Picker and Input components, allowing users to select a time via a picker or enter it manually via a text field.

  9. Overview of VaBadge component

    VaBadge is a UI component used to showcase information related to another element, such as notification counts near a user's avatar or status labels in tables.

  10. Overview of the va-data-table component

    The va-data-table component is used for displaying tabular data in Vuestic UI. It provides built-in support for sorting, searching, pagination, and row selection. It also allows developers to inject additional rows into the table header (thead), body (tbody), and footer (tfoot).

  11. Overview of VaDropdown component

    VaDropdown is a headless utility component used to display content near an anchor element. Unlike VaPopover, it provides no default styling, making it highly flexible. It is typically used in conjunction with VaDropdownContent or VaCard to provide the visual container for the dropdown content.

  12. Overview of Vuestic UI framework

    Vuestic UI is an MIT-licensed, open-source UI framework built for Vue 3. It provides over 60 ready-to-use, responsive, and accessible frontend components designed to accelerate the development of fast-loading web interfaces. Key features include a built-in dark theme, global configuration for effortless component customization, and native i18n integration for application internationalization.