In-Line Button

Component checklist

Status

The status of the component

Ready for use!

Figma component

A link to the Figma library where the component lives.

In-Line Button
In-Line Button

Instance properties

In-Line Button
Property Values Default
focus Boolean true | false false
icon-start Boolean true | false false
↪️ icon-end-glyph InstanceSwap ↪️ icon-end-glyph diamond-regular
↪️ icon-start-glyph InstanceSwap ↪️ icon-start-glyph diamond-regular
icon-end Boolean true | false false
text Text string In-Line Button
state Variant enabled | hover | active | visited | disabled enabled
style Variant in-line-sm in-line-sm
underline Variant false | true false

Instance table

In-Line Button
In-Line Button
state active style in-line-sm underline false
In-Line Button
In-Line Button
state hover style in-line-sm underline false
In-Line Button
In-Line Button
state visited style in-line-sm underline false
In-Line Button
In-Line Button
state active style in-line-sm underline true
In-Line Button
In-Line Button
state disabled style in-line-sm underline false
In-Line Button
In-Line Button
state disabled style in-line-sm underline true
In-Line Button
In-Line Button
state enabled style in-line-sm underline false
In-Line Button
In-Line Button
state enabled style in-line-sm underline true
In-Line Button
In-Line Button
state hover style in-line-sm underline true
In-Line Button
In-Line Button
state visited style in-line-sm underline true

Anatomy