Skip to content
The Cooper Wiki

Kitchen Sink

Reference page for styling including fonts, components, etc.

Typography & Formatting

Section titled “Typography & Formatting”

Standard body text with bold text, italics, inline code, and links.

Blockquotes can use any standard Markdown syntax.

Asides

Section titled “Asides”

Cards

Section titled “Cards”

Standard Card

Used to highlight general info and can have cool icons!

Cards can be put inside of card grids.

Card 1

Content inside card 1.

Card 2

Content inside card 2.

Section titled “Link Cards”
Link TitleThe description of the link card.

Link cards can also be put inside card grids.

Quick Link 1
Quick Link 2

Tabs

Section titled “Tabs”

Tabs can be used to show different options!

Terminal window
pnpm add @fontsource-variable/inter

Steps

Section titled “Steps”

  1. Use the Steps tag.

  2. Put steps inside.

  3. That’s it I think.

File Tree

Section titled “File Tree”
  • Directoryphotos/
    • smiley_face.png
    • Directorycats/
      • skinny_cat.png
      • fat_cat.png
  • password.txt

Details

Section titled “Details”
Click to expand section

Important details that aren’t important enough to be shown without clicking a button.

Section titled “Link Buttons”

Fancy link buttons if normal links aren’t cool enough.

Primary Button

Secondary

Minimal

Badges

Section titled “Badges”

Links in the sidebar can have different badges to mark them.

DefaultSuccessCautionDangerNote

Tables

Section titled “Tables”
Food Color Sour?
Banana Yellow depends probably
Strawberry Red also depends
Blueberry Blue? also also depends