Figma UI3 Web Components

Effects/UI3 Components

Details

Advanced settings

Some more content here

Avatar

Default

Large

No image (initials)

Large

Tabs

Tab #1

Tab #2

Segmented control

One

Two

Three

Image

Default

Medium

Large (with upload)

Button

Primary Button

Primary

Secondary Button

Secondary

Ghost Button

Ghost

Submit Button

Submit

Disabled Button

Disabled

Disabled Button (secondary)

Disabled

Disabled Button (icon)

Combo button

Primary (compact dropdown

Primary

Secondary (with dropdown)

Secondary

Primary (disabled)

Button 1

Button 2

Button 3

Secondary (disabled)

Button 1

Button 2

Button 3

Select button

Select

Select button (icon)

Upload button

Upload

Toggle button

Toggle button (selected) with tooltip

Dialog

Some content here

Dropdown

Dropdown (with grouped options)

Dropdown

Text input

Multiline input

Numeric input

Password input

Combo input

Appended input

Prepended input

Color input

Color swatch

Color input (with text)

Color input (with text and alpha)

Checkbox

Radio

Radio buttons

Switch

Switches

Chit

Tooltip

Some paragraph text here with a Tooltip for more information.

Field

Horizontal

Vertical

Slider

Default slider

Number slider (with number input)

Opacity slider

Hue slider

Stepper slider

Stepper slider (auto)

Delta slider

Spinner

Misc.

Minimal ranges

Opacity

Blend mode

Description