anas/ganjoorandroid
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
12a1cdf1b6
ganjoorandroid/design/components/BottomSearchBar/README.md
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 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.