Layout
v1.0.0Added in 1.0.0
One section that opens and closes with a spring height animation, plus CollapsibleText, the show more clamp for long descriptions.
Click or tap anywhere on the row, or Tab to it and press Enter or Space, and the content slides open on a spring while the chevron turns and its round well fills with the tone; press again to fold it away, quicker than it opened. Inside outline and soft containers the row tints on hover and while pressed; a ghost row tints only the well. Rows are at least 44px tall at every size, so they are easy to hit on a phone. Long text shows three lines with the last one fading out and a Show more link under it (a 44px touch area on phones); the link only appears when the text really overflows, and collapsing scrolls the text back into view. With keepMounted the closed content stays in the page, so a half-filled form keeps its values and the browser's find in page opens the section on a match. With reduced motion the height changes at once and only the opacity eases.
npx wingo-ui@latest add collapsiblePro item: the CLI needs a Pro account. See plans

Linus Roadster city bike
$450
Brooklyn · today, 2:20 PM
Description
Pick a delivery method; the row keeps its price when closed