Pico.css Kitchen Sink

Typography

This is a paragraph. Strong and Emphasized text.

This is a lead paragraph.

This is small text.

This is muted text.

A sample blockquote.
Inline code 
Preformatted block of code
Ctrl + C to copy

Lists

  1. Ordered List Item
  2. Another Item

Table

Header 1 Header 2
Cell 1 Cell 2
Cell 3 Cell 4

Forms

Checkboxes
Radio buttons

Navigation

Card

Card Title

Card content. You can add any HTML inside.

Dialog / Modal

Sample Dialog

This is a dialog/modal using the native <dialog> element styled by Pico.css.

Details / Summary

Click to expand

This content is hidden by default.

Progress / Meter

60%

Grid and Layout Helpers

Grid Item 1
Grid Item 2
Grid Item 3
Flex Item 1
Flex Item 2

Centered Content