Checkbox

Boolean selection control with multiple aesthetic variants: native browser, Skeuomorphic 3D engraved metallic, Flat Minimal 2D, and Neumorphic Soft UI.

<x-checkbox>

Native Checkbox

Default Veldora checkbox using accent-color CSS variable. Fully accessible with visible focus ring.

Enable real-time notification alerts

Receive weekly digest emails

SMS alerts (requires verified phone)

<x-checkbox name="notify" label="Enable real-time notification alerts" :checked="true" />
<x-checkbox name="digest" label="Receive weekly digest emails" />
<x-checkbox name="sms" label="SMS alerts" :disabled="true" />

Skeuomorphic 3D Engraved Checkbox

Physically realistic metallic recess with jewel-glow checkmark that springs in on selection.

Enable real-time notifications Remember credentials on device Agree to terms of service

<x-checkbox variant="skeuomorphic" name="notify" label="Enable real-time notifications" :checked="true" />
<x-checkbox variant="skeuomorphic" name="remember" label="Remember credentials on device" />

Flat 2D Minimal Checkbox

High-contrast geometric 2D style — no shadows, no gradients, just crisp solid accent fill on selection.

Deploy to production Run database migrations Invalidate CDN cache

<x-checkbox variant="flat" name="deploy" label="Deploy to production" :checked="true" />
<x-checkbox variant="flat" name="migrate" label="Run database migrations" />

Neumorphic Soft UI Checkbox

Extruded dual-shadow plate that recesses inward when checked, with ambient violet glow as the check indicator.

Cache Layer Email Queue Audit Logs

<x-checkbox variant="neumorphic" name="cache" label="Cache Layer" :checked="true" />
<x-checkbox variant="neumorphic" name="queue" label="Email Queue" />
<x-checkbox variant="neumorphic" name="audit" label="Audit Logs" :checked="true" />

← Previous Select Next → Radio