A method Badge in a fixed column, a mono path and a one line summary.
FreeWeb and MobileMotion
Preview
npx shadcn add @fetaui/endpointPlayground
Methods
Method
Icons animation
Motion
Installation
Terminal· bash
npx shadcn add @fetaui/endpoint
Accessibility
- A real link or button.
- The method is text, so tone is never the only signal.
Motion
- The row fades in over 240 ms.
- Hover washes the row over 120 ms.
- Reduced motion keeps the wash and drops the fade.
Responsive behavior
- 560 wide on Web and 358 on Mobile.
- The method column is 72 on Web and 80 on Mobile.
Performance
- Holds no state, and the fade in is CSS that reduced motion turns off.
Note for AI
Give your coding assistant the Markdown reference instead of screenshots.
- Import Endpoint from @/components/fetaui/endpoint. It composes Tag from data-kit.
- href makes the row a link, and onClick still fires. Without it the row is a button that calls onClick.
- method must be GET, POST, PUT, PATCH or DELETE. METHOD_TONE is exported, so your own badges can match.
Related
API KeyComponentA key on a well with reveal and copy. Copied confirms for 2 s and Revoked removes the actions.Request LogComponentOne request in mono, and a windowed list for live tails of any length.WebhooksComponentEndpoints with health, a delivery histogram, recent deliveries with Retry, and an open delivery with its payload.Webhook TesterProBlockSend a signed test event, check the JSON, and follow signed, sent and response steps.