Conversations - Ant Design X

When To Use

Multiple sessions need to be managed
View a list of historical sessions

Examples

API

Common props ref：Common props

ConversationsProps

Property	Description	Type	Default	Version
activeKey	Currently selected value	string	-	-
defaultActiveKey	Default selected value	string	-	-
items	Data source for conversation list	`Conversation`[]	-	-
onActiveChange	Callback for selection change	(value: string) => void	-	-
menu	Operation menu for conversations	MenuProps \| ((value: `Conversation`) => MenuProps)	-	-
groupable	If grouping is supported, it defaults to the `Conversation.group` field	boolean \| GroupableProps	-	-
styles	Semantic structure styles	Record<'item', React.CSSProperties>	-	-
classNames	Semantic structure class names	Record<'item', string>	-	-

Conversation

Property	Description	Type	Default	Version
key	Unique identifier	string	-	-
label	Conversation name	React.ReactNode	-	-
timestamp	Conversation timestamp	number	-	-
group	Conversation type, linked to `ConversationsProps.groupable`	string	-	-
icon	Conversation icon	React.ReactNode	-	-
disabled	Whether to disable	boolean	-	-

GroupableProps

Property	Description	Type	Default	Version
`sort`	Group sorter	(a: string, b: string) => number	-	-
`title`	Semantic custom rendering	((group: string, info: { components: { GroupTitle: React.ComponentType } }) => React.ReactNode)	-	-

Design Token