Components

Simple at first glance. Remarkable in every detail.

Actions

Button

A versatile button component with multiple variants and sizes.

Button Variants

Button Sizes

Loading and Disabled States

Classic Button

A button component that mimics the look of a link with a faded underline on hover. It can be used as a button or a link.

Variants

Sizes

With Icon / Disabled

Inputs

Combobox

A searchable dropdown component that allows users to select from a list of options with filtering.

Input

Text input component that works seamlessly with the Field wrapper for labels and validation.

Select

A dropdown select component with support for custom option rendering.

Navigation

Menu

A dropdown menu component that displays a list of actions triggered by a button or other element.

© 2025 Lingxi Li.

SF

Design Components - Lingxi Li