The Avonni Picker Link component offers an engaging and interactive way to link to external content.
Last updated
Was this helpful?
Content for the Visual Picker Link component can be added by completing the Title and Content fields.
If needed, an icon can be added to the left or right side of the content.
Here are the available interactions for the Visual Picker Link component:
On Click: The event is fired when a user clicks on the visual picker link.
From the Styles panel, you can customize styling attributes for the Visual Picker Link component:
Icon: to customize the styling attributes of the icon.
Title
Avonni Component Builder Documentation Website
Content
This documentation explains.....
Icon Name
utility:knowledge_base
Icon Position
Left
completed
Boolean
content
String
The URL of the page that the link goes to.
iconName
String
The Lightning Design System name of the icon. Names are written in the format 'utility:down' where 'utility' is the category, and 'down' is the specific icon to be displayed.
iconPosition
String
Position of the icon. Valid values include left and right.
infoOnly
Boolean
title
String
Title of the visual picker link. To include additional markup or another component, use the title slot.
click
The event fired when the visual picker is clicked.
Background Color
Define a icon background color.
Background Color Complete
Define an icon background color when the "Completed" property is activated.
Foreground Color
Define a icon foreground color.
Foreground Color Utility
Define a icon foreground color utility.
Border Radius
Define a icon border radius.
Interactions define what happens when users interact with the Visual Picker Link component. A list of interactions is available .
If present, the picker is displayed as .
If present, the picker is displayed as .
.avif?alt=media&token=420b48e8-683c-42b5-994e-e7c9ca485232)
