Skip to content

Thinking ​

Thinking component for displaying collapsible thought processes or detailed content, commonly used in AI conversation scenarios to show model reasoning steps or reference sources. It provides smooth height transition animations and supports custom titles and action buttons. This component can be combined with other components in various ways.

Basic Usage ​

Slot Usage ​

Props ​

PropertyDescriptionTypeDefault
v-modelWhether expandedbooleanfalse
titleTitlestring-

Slots ​

Slot NameDescription
defaultThinking process content
titleCustom title content
actionCustom action area content