Component Showcase

A comprehensive showcase of all available components in the system.

Buttons

Standard Buttons

Color Variations

Button Sizes

Button States

Buttons with Icons

Cards

Basic Card

A simple card with basic styling.

Interactive Card

Hover over me to see the interaction.

Primary Card

Primary themed card with custom styling.

Secondary Card

Secondary themed card with custom styling.

Accent Card

Accent themed card with custom styling.

Info Card

Info themed card with custom styling.

Form Components

Checkbox

Text Input Variations

Inline Edit Variations

Text Inline Edit:

Text field example

Textarea Inline Edit:

This is a longer text that can be edited in a textarea

Select Inline Edit:

option1

Tag Edit Variations

Tag badges with different styles:

Filter Select Variations

Search Input Variations

Interactive Components

Dialog Types

Slideover

Popover

Menu Example

Loader Types

Quick Actions

Quick Action Examples