Twilio.com Login Button/Component

[ChronoBroc]

https://www.twilio.com/en-us

Hey there! I recently picked up a story with a request to update the log in component on the Twilio Help Center to match the new log in component on Twilio.com. After some investigation it appears that there is no formal paste component for this.

I've done my best to replicate the formatting and appearance but it feels that we need to create a paste component for this log in button. Is this something we are able to do?

[dosubot[bot]]

Hi @ChronoBroc! I'm Dosu and I’m helping the paste team.

There isn't a dedicated Paste component for the Twilio.com login button or menu. The recommended approach is to compose your own using existing Paste primitives—specifically, the Button, Menu, MenuButton, and Popover components. These provide the styling, accessibility, and dropdown behaviors needed to replicate the Twilio.com login experience, and will ensure your custom component stays visually consistent with the rest of the design system. You can use MenuButton as the trigger and Menu or Popover for the dropdown, customizing with design tokens as needed for theming and accessibility [source].

If you want this to become a formal Paste component, it's best to first build and iterate on your custom solution using these primitives, and collaborate with design partners to ensure alignment with Twilio.com’s visual and UX standards. If the component proves reusable across Twilio properties, you can propose it for inclusion in Paste. Let me know if you want help with implementation patterns or accessibility best practices!

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}