tags
Label notched into the border
A text field with a 1px outline whose top stroke breaks open right under the floating label: the gap is sized from the label's real measured width, never faked with an opaque backdrop.
See it live and copy its promptWhat you can adjust
- Accent color
- Border color
- Border radius
- Label size
- Transition duration
- Gap air
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.
