RelatedPromptsTagList

This component shows the list of RelatedPrompts components.

If the default slot is reimplemented in the consumer, onSelect function will be necessary to handle the selection of the related prompt and to trigger the stagger-fade-slide animation.

Props

Name	Description	Type	Default
buttonClass	The CSS class for the left and right button of the sliding panel.	string
showButtons	The boolean prop to handle the visiblity of sliding pannel buttons.	boolean	true
scrollContainerClass	The CSS class for the wrapper of all the related prompt wrapper elements.	string
tagClass	The CSS class for all the related prompt wrapper elements.	string
tagColors	Array of colors to apply to the related prompts. It will be applied to tag elements cyclically according to their index in the nex way: tagColors[index % tagColors.length].	string[]
animationDurationInMs	The duration of the total animation in milliseconds.	number	700

Slots

Name	Description	Bindings (name - type - description)
sliding-panel-left-button	The button to be displayed on the left side of the sliding panel.	None
default	- The slot to render related prompt information.
related-prompt-extra-content	The slot to render related prompt extra information.
sliding-panel-right-button	The button to be displayed on the right side of the sliding panel.	None