Each control and surface, with its measures, states and rules.
A button starts an action on the screen you are on, from sending an offer to deleting a CV.
An icon button shows a familiar glyph in place of words, for actions like closing a panel or copying a link.
A link takes the reader to another page, another place on the page or another site.
A row of controls that act on what is under it, such as a board of candidates or an email you are writing.
The label, hint and error around a form control, and how required, read only and disabled fields behave.
One line of text, from a name to an amount, with the keyboard, autofill and states each answer needs.
Several lines of text, such as notes on a candidate, that grow as the person writes.
A field for finding records, with a search icon, a clear button and results that follow the typing.
The device's own list for choosing one plain option in a form, when radio buttons would take too much room.
A field that opens a searchable list, for long lists and for options with flags, photos or hints.
Fields for a date or a time that accept typing and open a calendar or a list of times.
Lets someone pick any number of options, and applies the choice when the form is saved.
Lets someone choose exactly one option from a short list they can see in full.
Turns a setting on or off and applies the change the moment it is flipped.
Switches a view or a setting between two to five short values in one compact row.
The bar at the top of the screen: the main sections of a website, or the actions of WerkOS you need in any module.
A list of places down the left edge that shows where you are: the blocks of a long page, or the workspaces and modules of WerkOS.
Switch between panes of related content in one place on the screen, without leaving the page.
The glass bar at the bottom of a phone screen that switches between WerkOS workspaces.
A search that opens over any WerkOS screen and takes you straight to a module or a record.
The control at the bottom of the window that switches a page between its designed view and a plain text view.
A dialog stops the page for a decision or a short task that has to come first.
A sheet is a dialog that enters from the bottom of a phone or the right edge of a wide window.
A popover shows a few controls or details for one item beside the control that opened it, and the page stays usable.
A menu lists the commands for an item or a view and closes as soon as one is picked.
A tooltip names an icon button or shows its shortcut when the pointer rests on it or the keyboard reaches it.
A short message at the bottom of the window that confirms what you just did, often with Undo.
A message at the top of a page, list or dialog about something that is true there now, with the action that fixes it.
The bell, the notification center and the cards that arrive while you work, for events you did not cause.
A bar for work you can measure, and a spinner for a short wait inside the control that started it.
Gray shapes in the layout of the content that is loading, so the page appears at once.
Shows how many items wait behind a control, such as unread notifications, as a small number.
Shows the value of a status field, such as Documents missing or Visa approved, as a word on a colored fill.
A card holds one item, such as a hiring project or a candidate, with a title and at most two actions.
Stacks items of one kind in rows that a reader scans, opens or chooses from.
Hides a section or a detail until the reader asks for it, then shows it in place.
A person's photo or initials in a circle, alone or in a stack, and how it names the person to a screen reader.
Sets the correct way to do something beside the mistake it prevents, in a faint green box and a faint red one.
One figure with its label and, when it helps, how it changed.
One open role as a row: the position, where and what, the net pay and a way in.
The field where you ask WerkAI, and the card where its answer appears.
The round flag before a country's name: its sizes, what it shows when a flag is missing, and long names.