Getlog UI components examples

Getlog

A toggle switch control accompanied by a descriptive text label, currently in the off state.

• Toggle/Switch

Getlog

A file upload component specifically designed for uploading a company icon. It features a circular avatar preview with an edit badge, accompanied by instructions and size requirements.

• Avatar

Getlog

A visual radio group for selecting the appearance theme, featuring thumbnail previews for light, dark, and system preference modes.

• Theme settings

Getlog

A vertical stack of two buttons. The top button is a primary action in a loading state, displaying a spinner instead of text. The bottom button is a secondary action labeled 'Preview post'.

• Button group

Getlog

A small, rounded badge displaying the word 'Tag' in a brown color on a light beige background.

• Badge

Getlog

A grid of ten color swatches, each displayed as a colored circle within a rounded square container.

• Color picker

Getlog

A form field displaying a selected author with an avatar, name, and a clear button.

• Avatar

Getlog

A file upload dropzone for adding an image to a post, featuring a cloud upload icon and instructional text.

• File upload input

Getlog

An empty state prompting the user to create their first changelog post, featuring a prominent call-to-action button and an illustrative mockup of the product.

• Illustration

Getlog

A circular user avatar displaying a silhouette against a purple gradient background.

• Avatar

Getlog

A workspace switcher component displaying an avatar, workspace name, and a truncated URL, with a dropdown arrow indicating more options.

• Avatar

Getlog

A vertical sidebar navigation menu with grouped links and a workspace switcher at the bottom.

• Vertical navigation