Skip to content

Theming playground

Change the shared --gbs-* variables and watch every component follow. Nothing is saved: copy the CSS when you like what you see, and paste it into your own :root.

Read the theming guide

Button

Docs

Button Variants

Docs

Data Grid

Docs

Data Grid Server

Docs

Ask Grid

Docs

Data Grid Api

Docs

Input

Docs

Input Form

Docs

Input Variants

Docs

Otp Input

Docs

Otp Input Variants

Docs

Textarea

Docs

Textarea Variants

Docs

File Uploader Chunked

Docs

Checkbox

Docs

Checkbox Group

Docs

Checkbox Groups

Docs

Multi Select

Docs

Select

Docs

Select Creatable

Docs

Select Form

Docs

Select Options

Docs

Select Server

Docs

Date Picker

Docs

Date Picker Form

Docs

Date Picker Limits

Docs

Date Picker Variants

Docs

Date Range Picker

Docs

Date Range Picker Variants

Docs

Date Time Picker

Docs

File Uploader

Docs

File Uploader Edit

Docs

File Uploader Form

Docs

File Uploader Validation

Docs

Breadcrumb

Docs

Breadcrumb Collapse

Docs

Tabs

Docs

Tabs Variants

Docs

Dialog

Docs

Dialog Async

Docs

Dialog Types

Docs

Modal

Docs

Modal Guard

Docs

Modal Sizes

Docs

Spinner

Docs

Spinner States

Docs

Toaster

Docs

Toaster Custom

Docs

Toaster Queue

Docs

Toaster Types

Docs

Toaster Updates

Docs

Menu

Docs

Menu Submenus

Docs

Tooltip

Docs

Popover

Docs

Popover Filters

Docs

Card

Docs

Card Stats

Docs

Skeleton

Docs

Skeleton Shapes

Docs

Switch

Docs

Switch Variants

Docs

Radio Group

Docs

Radio Group Cards

Docs

Radio Group Variants

Docs

Number Input

Docs

Number Input Currency

Docs

Number Input Variants

Docs

Alert

Docs

Alert Variants

Docs

Badge

Docs

Badge Variants

Docs

Avatar

Docs

Avatar Variants

Docs

Progress

Docs

Progress Variants

Docs

Accordion

Docs

Accordion Variants

Docs