texts
Inline definition that opens a gap in the text
Terms inside a paragraph that, when clicked, do not open a floating tooltip covering the text: the paragraph itself opens a real gap between the two lines around the term, inserting the definition as a block animated from zero height with CSS grid. Only one definition stays open at a time, closing the previous one before opening the next so the text never jitters.
See it live and copy its promptWhat you can adjust
- Term color
- Definition background
- Opening duration
- Indent
- Underline thickness
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
