Components - Pawdium

Buttons

Form Components

Text Input

This is a help text for additional context

Email Input (Error State)

Please enter a valid email address

Password Input (Success State)

Password is strong

Select Field

Checkbox I agree to the terms and conditions

Toggle Switch

Enable Feature

This enables an amazing feature

Form Validation Example

File Upload

Drop your file here or click to browse

PNG, JPG up to 10MB

Cards

Basic Card

This is a basic card component with padding and shadow.

Stat Card

124

+12% from last month

Colored Card

Cards can have different background colors.

Step Indicator

1

Account

2

Details

3

Complete

Color Palette

Primary

#437CFF

Secondary

#EAF1FF

Yellow

#FFD66B

Coral

#FFB88E

Mint

#82E6D0

Text Primary

#111827

Text Secondary

#6B7280

Border

#E5E7EB

Pawdium Component Library