Toggle Dark Mode

HaloLight UI Component Library

Demonstrating all components with OKLch color space theming

Buttons

Variants

Primary Secondary Success Danger Warning Info Outline Ghost

Sizes

Small Medium Large

States

Disabled Loading

Inputs

Basic Input

Input with Error

Input Sizes

Select

Basic Select

Cards

Card Variants

This is the default card variant with standard styling. This card has a visible border around it. This card has an elevated shadow effect.

Modal

Modal Dialog

Open Modal

This is a modal dialog with OKLch themed colors.

You can close it by clicking the X button, clicking outside, or pressing ESC.

Close

Table

Data Table

Form

Complete Form

Submit Reset