# WPDM Front-End CSS Kitchen Sink

## Solid Buttons

All Variants
With Icons
Sizes
States

## Outline Buttons

All Variants
With Icons

## Ghost Buttons

All Variants
Link Style

## Icon Buttons

Solid
Outline & Ghost

## Button Groups & Layouts

Button Groups
Download CTA
Download Now
Full Width

## Cards

Card Header

##### Card Title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

##### Primary Card

Card with primary background color.

## Alerts

This is a primary alert with important information.
Success! Your changes have been saved successfully.
Error! Something went wrong. Please try again.
Warning! Please review your input before proceeding.
Info: Your download will start automatically in 5 seconds.
This is a secondary/neutral alert message.
Dark alert for special announcements or features.
Without Icons
A simple primary alert without an icon.
A simple success alert—check it out!

## Badges

Primary Secondary Success Danger Warning Info

## Form Controls

Text Input
Email Input
Large Input
Small Input
Textarea
Select

## Custom Checkboxes & Radios

Custom Checkboxes
Checked Unchecked Medium Checked
Custom Radios
Option 1 Option 2 Option 3

## Input Groups

@

## Tables

Default Table (hover rows)

# | Package | Version | Downloads | Status
--- | --- | --- | --- | ---
1 | WordPress Theme Developer Kit | 2.4.1 | 12,345 | Active
2 | Plugin Starter Pack | 1.8.0 | 5,678 | Active
3 | Icon Library Pro | 3.2.0 | 2,890 | Pending
4 | Legacy Templates | 1.0.5 | 456 | Expired

Striped Table

File | Type | Size | Modified
--- | --- | --- | ---
project-files.zip | Archive | 24.5 MB | Dec 21, 2024
documentation.pdf | Document | 2.1 MB | Dec 20, 2024
assets-v2.zip | Archive | 8.7 MB | Dec 18, 2024
changelog.md | Markdown | 12 KB | Dec 15, 2024

Bordered Table

Plan | Storage | Downloads | Price
--- | --- | --- | ---
Starter | 5 GB | 1,000/mo | $9/mo
Professional | 50 GB | 10,000/mo | $29/mo
Enterprise | Unlimited | Unlimited | $99/mo

Compact Table (.table-sm)

ID | User | Action | Time
--- | --- | --- | ---
#1042 | john@example.com | Downloaded file.zip | 2 min ago
#1041 | sarah@example.com | Viewed package | 5 min ago
#1040 | mike@example.com | Downloaded assets.zip | 12 min ago

## Progress Bars

25%
50%
75%
100%

## Social Lock Buttons

## Package Info List

- Version: 2.5.0
- File Size: 15.8 MB
- Downloads: 12,456
- Last Updated: December 21, 2024
- Download Now

## Changelog

####
Changelog

Version 2.5.0 Latest
December 21, 2024

- Added new dashboard widgets with caching
- Improved query performance by 60%
- Fixed CSS duplicate rules in front.css
- Updated UI with modern design patterns

Version 2.4.0
November 15, 2024

- Security patch for file downloads
- Compatibility with WordPress 6.4
- Bug fixes and improvements

Version 2.3.0
October 1, 2024

- Initial release of changelog feature
- Added timeline-based UI

## List Groups

- Cras justo odio
- Dapibus ac facilisis in
- Primary item
- Success item
- Danger item

## Navigation Tabs

Modern underline tabs with animated indicator. Hover to see the preview effect, click to see active state.

## Modal (Static Example)

##### Modal Title

Modal body content goes here...

## Loading States

Loading...

## Typography

# Heading 1

## Heading 2

### Heading 3

#### Heading 4

##### Heading 5

###### Heading 6

This is a paragraph of text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

This is muted text.

This is primary text.

This is success text.

This is danger text.

## Utility Classes

Text Alignment
Left
Center
Right
Display
d-block d-inline-block
Spacing (margin/padding)
p-3 (padding)
m-3 (margin)

WPDM Front-End CSS Kitchen Sink - Generated December 2024