In-Line Button

⚠️ Note: The underlined In-line Button variant is being deprecated and should not be used in new designs.
The current Spark component aligns with the Genesys Web Component Library (WCL) implementation, which does not include an underlined In-line Button variant.

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 undefined
icon-start Boolean true | false undefined
↪️ icon-end-glyph InstanceSwap ↪️ icon-end-glyph diamond-regular
↪️ icon-start-glyph InstanceSwap ↪️ icon-start-glyph diamond-regular
icon-end Boolean true | false undefined
text Text string In-Line Button
state Variant enabled | hover | active | visited | disabled enabled

Instance table

In-Line Button
In-Line Button
state active
In-Line Button
In-Line Button
state disabled
In-Line Button
In-Line Button
state enabled
In-Line Button
In-Line Button
state hover
In-Line Button
In-Line Button
state visited

Anatomy