Design System

Design System

InlineCode

Text

Overview

Inline code: 0.875em mono at 600, a 12% accent tint, a 2px edge in accent at 30% and radius-code.

Live example

The contents list beside every blog post is the live example.

Usage

  • Wrap every attribute, element, property and token name in a sentence: aria-describedby, showModal(), --accent.
  • Use CodeBlock for more than a line.

Accessibility

This section is still in progress.

Related

This section is still in progress.

References

This section is still in progress.

On this page