Components

Vueland UI is in active early development and is not production ready. This catalog shows the components that currently exist in the package; it is not a finished UI kit.

Components marked Stable are comparatively more documented and tested within the current early-development phase. The label does not guarantee production readiness. All other components are available in the library, but their API, documentation, or test coverage is still in progress.

Layout

Component

Status

Description

CApp

Stable

Root application wrapper. Manages scroll lock and provides context for overlays

CMain

Stable

Main content area. Used inside CApp

Grid

12-column responsive grid built on flexbox. Breakpoints follow the Material Design standard and are shared with utility classes and useBreakpoints. See Breakpoints.

Component

Status

Description

CRow

Stable

Flex row container. Controls alignment and gutter

CCol

Stable

Column with responsive width, offset, and order props

CSpacer

Stable

Fills remaining space in a row to push adjacent content apart

Form controls

Component

Status

Description

CForm

Stable

Form wrapper. Coordinates validation of all child fields

CTextField

Stable

Text field with floating label, icons, and hint text

CInput

Stable

Functional core of all field components. Manages state, validation, and presets

CField

—

Base field shell: label, hint, error, slot for any control

CCheckbox

Stable

Checkbox with indeterminate state and label

CRadio

—

Radio button, typically used inside a group

CSelect

Stable

Select dropdown built on CMenu

CAutocomplete

Stable

Autocomplete input with filtering and custom options

CDateInput

Stable

Date input with formatting and validation

Pickers

Component

Status

Description

CDatePicker

Stable

Calendar picker for date input

Actions

Component

Status

Description

CBtn

Stable

Button with variants, sizes, icons, and loading state

Content

Component

Status

Description

CCard

Stable

Card with header, body, and footer. Includes CCardHeader, CCardBody, CCardFooter

CList

Stable

List and list item components. Supports selection, keyboard navigation, and ARIA

CIcon

—

Icon renderer. Supports custom resolvers and Font Awesome

CLabel

—

Accessible label element

Overlays

Component

Status

Description

CMenu

Stable

Floating content container positioned relative to an activator. Foundation for dropdowns, selects, and tooltips

CTooltip

Stable

Lightweight tooltip built on CMenu. Follows WAI-ARIA tooltip pattern

CDialog

—

Modal dialog with backdrop, focus trap, and scroll lock

COverlay

—

Low-level overlay primitive used by CMenu and CDialog

Feedback

Component

Status

Description

CProgressCircular

Stable

Circular progress indicator with determinate and indeterminate modes

CProgressLinear

Stable

Linear progress bar with buffer and indeterminate modes