Code block

OverviewStyleGuidelinesCodeAccessibilityDemos
  1. Code Block
  2. Actions
  3. Callout Badges
  4. Client Side Highlighting
  5. Color Context
  6. Prerendered Prism Highlighting
  7. Resizable
  8. Sizes
  1. Code Block
  2. Actions
  3. Callout Badges
  4. Client Side Highlighting
  5. Color Context
  6. Prerendered Prism Highlighting
  7. Resizable
  8. Sizes

Code Block

HTML JS FullScreen View source on GitHub View In Own Tab

Actions

HTML JS CSS FullScreen View source on GitHub View In Own Tab

Callout Badges

2
1
Postfix callout
2
Inline callout
HTML JS FullScreen View source on GitHub View In Own Tab

Client Side Highlighting

HTML JS CSS FullScreen View source on GitHub View In Own Tab

Color Context

HTML JS FullScreen View source on GitHub View In Own Tab

Prerendered Prism Highlighting

HTML JS CSS FullScreen View source on GitHub View In Own Tab

Resizable

HTML JS FullScreen View source on GitHub View In Own Tab

Sizes

Compact

No fixed width

Responsive sizes

Copy to Clipboard Toggle line wrap overflow
Copy to Clipboard Toggle line wrap overflow
HTML JS CSS FullScreen View source on GitHub View In Own Tab
Edit this page on GitHub