Match the example to your site
Provide the kit and point to an existing page whose typography, colors and spacing should be followed.
Adapt the attached Tallshift example to my project. Read the repository instructions, the kit guide and the reference page first. Reuse the project’s typography, color and spacing tokens and its public icon library through the existing slots. Change labels to describe the actual action. Preserve the component API, state behavior, keyboard interaction, focus, reduced motion, content visibility and cleanup. Keep text readable on the selected colors and allow long labels to wrap. Do not introduce a backend action that does not exist. Do not add runtime packages, remote assets or dependency upgrades. Check the integrated page on narrow and wide screens, keyboard use and the existing build. Report actual checks and any limits.
Destination page:
Reference page or tokens:
Required text and action: