File

packages/eui/packages/components/eui-discussion-thread/eui-discussion-thread-item.component.ts

Description

Component for displaying individual items within a discussion thread. This component represents a single entry in a conversation or thread timeline, displaying information such as the author, date, content body, and optional tooltip.

The component applies the ARIA role 'listitem' to maintain proper accessibility and includes support for styling variants through the typeClass property.

Metadata

Index

Properties
Inputs
HostBindings
Accessors

Inputs

author
Type : string

Name or identifier of the author who created the item.

body
Type : string

Content body of the discussion thread item.

date
Type : string

Date when the thread item was created or modified.

id
Type : string

Unique identifier for the discussion thread item.

isOdd
Type : boolean

Indicates if this item is in an odd position in the list. Used for alternating styling patterns within the thread.

tooltip
Type : string

Tooltip text to display additional information when hovering over the item.

typeClass
Type : string

Type class defining the visual style of the item (e.g., 'info', 'warning', 'error'). This affects the color scheme applied to the item.

HostBindings

attr.role
Type : string
Default value : 'listitem'

ARIA role for the host element to ensure proper accessibility.

class
Type : string

Sets CSS classes on the host element based on the typeClass property. This helps maintain consistent styling with the parent theme variant.

Properties

role
Type : string
Default value : 'listitem'
Decorators :
@HostBinding('attr.role')

ARIA role for the host element to ensure proper accessibility.

Accessors

cssClasses
getcssClasses()

Sets CSS classes on the host element based on the typeClass property. This helps maintain consistent styling with the parent theme variant.

Returns : string
isOdd
getisOdd()

Indicates if this item is in an odd position in the list. Used for alternating styling patterns within the thread.

Returns : boolean
setisOdd(value: BooleanInput)
Parameters :
Name Type Optional
value BooleanInput No
Returns : void

results matching ""

    No results matching ""