Geek Video Hiring

Component Style Guide

A comprehensive showcase of all JoyUI components with your theme applied.

Inputs

Button

Button Group

Input

Autocomplete

Select

Checkbox

Radio Button

Switch

Slider

Textarea

Form Control

We'll never share your email.

Data Display

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Title Large

Title Medium

Title Small

Body Large

Body Medium

Body Small

Avatar

JD
S
M
L

Badge

U
4
U
99
U

Chip

Default
Solid
Soft
Outlined
Primary
Success
Danger

Divider

Content above

Content below

List

  • Item 1
  • Item 2
  • Item 3

Table

NameEmailStatus
John Doejohn@example.comActive
Jane Smithjane@example.comActive

Tooltip

Aspect Ratio

16:9 Aspect Ratio

Feedback

Alert

Circular Progress

Linear Progress

Modal

Skeleton

Snackbar

Surfaces

Card

Card Title

This is a card component with some example content.

Sheet

Solid Sheet
Soft Sheet
Outlined Sheet

Accordion

Navigation

Breadcrumbs

Link

Default LinkPrimary LinkAlways Underlined

Menu

Stepper

  1. 1

    Step 1

  2. 2

    Step 2

  3. 3

    Step 3

Tabs

Content for Tab 1

Layout

Box

This is a Box component with padding and background color.

Stack

Item 1
Item 2
Item 3

Grid

Grid Item 1
Grid Item 2
Grid Item 3