vwf .

Component Gallery

Click category headers to view full galleries, or click individual links for filtered content.

📚 API Reference

Dig Deeper

Complete technical API documentation with props, events, and utility classes for all 28 components

📖 Developer Docs

Quick Start

Quick reference guides with props tables, usage examples, and best practices for rapid development

Buttons

Interactive buttons with multiple types, sizes, and states

Button Types

Eight distinct visual styles for different use cases

View all button variations →

Button Sizes & States

13 sizes and 3 interactive states

View button sizes & states →

Forms

Input controls, selections, and form validation

Text Inputs

Input, Password, and TextArea with reactive state

View text inputs →

Selections

Checkbox, RadioButton, RadioGroup, Select, and Toggle

value: us

View selections →

Advanced

Slider, OTPInput, mobile optimized ListBox with custom controls

[object Object]

value: us

View advanced forms →

Display

Avatars, badges, and visual indicators

Avatars

Avatars, links, and loading states

Avatars

JD
JS
AC
MG

Links - Standalone

PrimarySecondaryDefault

Links - Embedded

This is a paragraph with an embedded link inside the text flow.

Skeleton Loading

View avatars →

Badges

Status indicators with icons and interactivity

Semantic

SuccessWarningErrorInfo

With Icons

OnlinePremium

Interactive

Count (3)

Filter Badges

View badges →

Lists

Three variants: simple, divided, and navigation

Simple List

  • Dashboard
  • Services
  • Messages

Divided List

  • Feature A
  • Feature B
  • Feature C
View lists →

Feedback

Toasts, alerts, modals, and loading states

Toasts & Alerts

Notification messages and alerts

View feedback →

Modals & Loading

Overlay dialogs and loading states

View modals →

Layout

Cards, headers, and structural components

Cards

Content containers with variants

Default card

Glass variant

Glassed variant

View layouts →

Headers

Navigation and page title headers

Navigation Header

App-wide navigation bar

Page Header

Section title with breadcrumbs

View headers →

Navigation

Lists, navigation menus, and interactive controls

Navigation Lists

NavigationList with active states

→ Dashboard
Services
Messages
View navigation →

Check Lists

Multi-select lists with checkboxes

View checklists →

Explore More Components

Browse other component categories