Cron UI components examples

Cron

A radio group for selecting the application theme, with options for Auto, Light mode, and Dark mode.

• Theme settings

Cron

A prominent orange button to join a Google Meet meeting, featuring a keyboard shortcut hint.

• Button

Cron

A toggle switch in an off state, labeled 'Scheduling link'.

• Toggle/Switch

Cron

A vertical radio group allowing the user to choose whether an action applies only to the current instance or all future instances of a recurring event.

• Checkbox & radio

Cron

A split button with a primary action to 'Send invite' and a dropdown arrow for additional options.

• Button

Cron

A toast notification confirming an action with an option to undo it.

• Notification Toast

Cron

A dark-themed dropdown menu providing standard clipboard actions and a delete option, each accompanied by an icon and a keyboard shortcut.

• Dropdown menu

Cron

A dark-themed monthly date picker showing February 2023. The 5th is highlighted as the current or selected date with an orange background, and the 7th has a subtle gray background indicating a secondary state or hover.

• Datepicker

Cron

A dark tooltip displaying the text 'Hide Cron menu' alongside a keyboard shortcut indicator.

• Tooltip

Cron

A wide, outlined button labeled 'Share availability' with a keyboard shortcut indicator 'S' aligned to the right.

• Button