Read.cv UI components examples

Read.cv

A settings row with a title, descriptive helper text, and a toggle switch to enable or disable a feature.

• Toggle/Switch

Read.cv

A button styled for destructive actions, featuring red text and a light red background with a red border.

• Button

Read.cv

A vertical sidebar navigation menu for a team profile settings page. It includes a workspace switcher, navigation links with icons, an onboarding checklist popover, and action buttons for previewing and publishing.

• Vertical navigation

Read.cv

A full-width banner alert indicating the current page is in preview mode, featuring a light green background and a close icon.

• Alert

Read.cv

A dark tooltip displaying explanatory text next to an information icon.

• Tooltip

Read.cv

A settings row for configuring appearance, featuring a label, description, and a dropdown select menu currently set to 'Dark'.

• Theme settings

Read.cv

A settings row for configuring appearance, featuring a label, a descriptive sub-label, and a dropdown select menu currently set to 'System'.

• Theme settings

Read.cv

This is a modal for selecting a team to post a job listing as.

• Dropdown menu

Read.cv

A small, rounded banner providing a helpful tip regarding browser print settings.

• Tips

Read.cv

A list item containing a label, a sub-label indicating the current state, and a toggle switch control.

• Toggle/Switch

Read.cv

A group of selectable pill-shaped tags representing job benefits, with one tag currently selected.

• Input tag

Read.cv

A rich text editor field for entering a job description, featuring a formatting toolbar.

• Textarea