Tachyons Neo
v2.0.1
Docs Patterns

Demos

Canonical component patterns built with Tachyons Neo. Each demo remains a plain, self-contained HTML file.

Component Patterns

Demo Platform features
Dropdown Popover API, CSS Anchor Positioning, fade-y, allow-discrete
Modal Dialog dialog, showModal(), backdrop, form method=dialog
Flash Toast pattern, keyframes, inline dismiss
Buttons Default, primary, small, large, and icon-only button links
Card Placeholder image, clipped radius, elevation, and stacked content
App Shell app.css semantic tokens, scoped themes, focus helpers
Form Fields Rails-friendly labels, hints, errors, native controls
Inputs Native input showcase with Neo grid
Tooltip hide-child, focus-within, visibility transition

Conventions

  • One pattern per file.
  • Stylesheet paths stay relative to the demo file.
  • Prefer zero JavaScript; when JavaScript is unavoidable, keep it inline.
  • Use Tachyons Neo tokens over hardcoded values where a token exists.