Docs Components Blocks

AI Chatbot

AI Branch AI Conversation AI Input AI Message AI Reasoning AI Response AI Sources AI Suggestion AI Tool

Collaboration

Avatar Stack Cursor

Project Management

Calendar Gantt Kanban List Table

Code

Code Block Snippet

Forms

Choicebox Combobox Dropzone Mini Calendar Tags

Images

Image Crop Image Zoom

Other

Announcement Banner Color Picker Comparison Dialog Stack Editor Glimpse kbd Marquee Pill QR Code Rating Relative Time Sandbox Spinner Status Theme Switcher Video Player

Docs Components Blocks

Theme Switcher

A component to switch between light, dark and system theme.

Powered by

Motion

Lucide

Installation

npx kibo-ui@latest add theme-switcher

Features

Switch between light, dark and system theme
Controlled and uncontrolled mode

Examples

Uncontrolled mode

Check the console for the onChange event.

Status

Status components are used to display the uptime of a service.

Video Player

A composable, shadcn/ui styled video player component that uses the media-chrome library.

On this page

Uncontrolled mode