0 Fork 0

Files

T

Claude ebbf737dac Add the design system extracted from the app

design/ holds the tokens for all six themes, the type scale, spacing,
radii and sizes, the brand and usage guidelines, a guide and static
preview for each component, the logo and icons as SVG, and wireframes of
the tablet and foldable column layout.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01RhmDdrN5hgWrgRcFLAMsV6

2026-10-07 14:06:52 +00:00

667 B

Raw Permalink Blame History

BottomSearchBar

The poets search, docked at the bottom of the home screen where a one-handed thumb reaches.

Consumer provides: the query and handlers for change and for "search poems".
A Surface at tonal elevation 3 (surface-tonal-3), space-12 / space-8 padding, holding an OutlinedTextField (radius-xs, outline border, leading search icon) labelled "Search poets".
Typing filters the poets in place. Once there is a query, a row appears above the field — "Search poems for “…”" with a primary search icon — that carries the same words into full-text poem search.
Rides above the keyboard (ime padding) and the navigation bar.

667 B Raw Permalink Blame History

BottomSearchBar

667 B

Raw Permalink Blame History