Link UI components examples

Link

An empty state illustration showing a stylized, faded list of purchases, accompanied by a title and explanatory text indicating no purchases have been made yet.

• Illustration

Link

A pill-shaped success toast notification confirming a card was added.

• Notification Toast

Link

A toggle switch for marketing emails.

• Toggle/Switch

Link

A toggle switch with a title and description, allowing users to opt into a beta program.

• Toggle/Switch

Link

A partially filled 6-digit one-time password input field with a title and instructional text.

• Input code

Link

A form prompting the user to enter a 6-digit verification code sent to their phone number.

• Input code

Link

A phone number input field with a country code selector and a pre-filled US number.

• Input phone number

Link

A text input field for entering a mobile phone number, featuring a country code selector with a flag icon.

• Input phone number

Link

An email input field showing a loading spinner after the user has entered their email address.

• Input text

Link

A dark-themed footer section featuring a prominent 'Get started' call to action, a secondary link for businesses, and standard footer navigation links including region and language selectors.

• Footer

Link

A minimal website header featuring a logo on the left and a single 'Sign up' link on the right, set against a light green gradient background.

• Header

Link

A frequently asked questions section displaying a list of questions and their corresponding answers, separated by horizontal dividers.

• FAQ