Activity Feed

The Activity Feed displays a chronological stream of events, updates, and user actions within a product.

Small

Aryan Roymentioned you in a comment3 min ago

Without connector

Aryan Roymentioned you in a comment3 min ago

Default

Aryan Royadded comment inWelcome3 min ago

File

Aryan Royuploadedspiral-design-guidelines.pdf3 min ago

spiral-design-guidelines.pdf8mb

Avatar Group

Aryan Royupdated the state ofSpiral UI Assets3 min ago

Comment

Aryan Roycommented onSpiral UI Assets3 min ago

@AyoAre you sure this is will work with Spiral UI

Status

Aryan Royupdated the state ofSpiral UI Assets3 min ago

fromTodotoIn-progress

With CTA

Aryan Royrequested access toSpiral UI Assets3 min ago

Activity feed icon

Aryan Royadded comment inWelcome3 min ago

Feed

Aryan Royadded comment inWelcome3 min ago

SystemmovedSpiral UI AssetsYesterday

fromTodotoIn-progress

Kay Finleyjoined the workspace2 days ago

API References

Activity Feed Item

PropTypeDefault

type

"small""default""withCTA""file""comment""status""avatarGroup"

—

name

ReactNode

—

action

ReactNode

—

object

ReactNode

—

time

ReactNode

—

avatarSrc

string

—

avatarAlt

string

—

showConnector

boolean

true

showMoreMenu

boolean

true

onMoreClick

() => void

—

className

string

" "

Variant props

PropTypeDefault

acceptLabel

string

"Accept"

declineLabel

string

"Decline"

onAccept

() => void

—

onDecline

() => void

—

fileName

string

—

fileSize

string

—

onDownload

() => void

—

taggedUser

string

—

comment

string

—

onReply

() => void

—

from

string

—

string

—

fromStatus

StatusBadgeStatus

"disabled"

toStatus

StatusBadgeStatus

"warning"

avatars

string[]

—

max

number

—

Activity Feed Filter

PropTypeDefault

label

ReactNode

—

icon

ComponentType

—

active

boolean

false

onClick

() => void

—

className

string

" "

Activity Feed

The Activity Feed displays a chronological stream of events, updates, and user actions within a product.

Small

Aryan Roymentioned you in a comment3 min ago

Without connector

Aryan Roymentioned you in a comment3 min ago

Default

Aryan Royadded comment inWelcome3 min ago

File

Aryan Royuploadedspiral-design-guidelines.pdf3 min ago

spiral-design-guidelines.pdf8mb

Avatar Group

Aryan Royupdated the state ofSpiral UI Assets3 min ago

Comment

Aryan Roycommented onSpiral UI Assets3 min ago

@AyoAre you sure this is will work with Spiral UI

Status

Aryan Royupdated the state ofSpiral UI Assets3 min ago

fromTodotoIn-progress

With CTA

Aryan Royrequested access toSpiral UI Assets3 min ago

Activity feed icon

Aryan Royadded comment inWelcome3 min ago

Feed

Aryan Royadded comment inWelcome3 min ago

SystemmovedSpiral UI AssetsYesterday

fromTodotoIn-progress

Kay Finleyjoined the workspace2 days ago

API References

Activity Feed Item

PropTypeDefault

type

"small""default""withCTA""file""comment""status""avatarGroup"

—

name

ReactNode

—

action

ReactNode

—

object

ReactNode

—

time

ReactNode

—

avatarSrc

string

—

avatarAlt

string

—

showConnector

boolean

true

showMoreMenu

boolean

true

onMoreClick

() => void

—

className

string

" "

Variant props

PropTypeDefault

acceptLabel

string

"Accept"

declineLabel

string

"Decline"

onAccept

() => void

—

onDecline

() => void

—

fileName

string

—

fileSize

string

—

onDownload

() => void

—

taggedUser

string

—

comment

string

—

onReply

() => void

—

from

string

—

string

—

fromStatus

StatusBadgeStatus

"disabled"

toStatus

StatusBadgeStatus

"warning"

avatars

string[]

—

max

number

—

Activity Feed Filter

PropTypeDefault

label

ReactNode

—

icon

ComponentType

—

active

boolean

false

onClick

() => void

—

className

string

" "