Mixins / foldkit-mixins-ui

AvatarGroupView

interface · packages/mixins-ui/src/avatar.ts:122

interface AvatarGroupView<Message = never> {
  readonly people: ReadonlyArray<Omit<AvatarView<Message>, 'style' | 'mixins'>>
  readonly max?: number | undefined
  readonly label?: string | undefined
  readonly moreLabel?: ((count: number) => string) | undefined
  readonly style?: NamedStyle<typeof AvatarGroupSlots> | undefined
  readonly avatarStyle?: NamedStyle<typeof AvatarSlots> | undefined
  readonly mixins?: MixinList<Message> | undefined
}

Avatars overlapping in a row, at most max of them and a +N for the rest.

Members

AvatarGroupView.people

property · packages/mixins-ui/src/avatar.ts:123

readonly people: ReadonlyArray<Omit<AvatarView<Message>, 'style' | 'mixins'>>

AvatarGroupView.max

property · packages/mixins-ui/src/avatar.ts:125

readonly max?: number | undefined

How many to draw before the +N; every one when omitted.

AvatarGroupView.label

property · packages/mixins-ui/src/avatar.ts:127

readonly label?: string | undefined

The group's accessible name, such as "Editors".

AvatarGroupView.moreLabel

property · packages/mixins-ui/src/avatar.ts:129

readonly moreLabel?: ((count: number) => string) | undefined

How the +N is read: N more when omitted.

AvatarGroupView.style

property · packages/mixins-ui/src/avatar.ts:131

readonly style?: NamedStyle<typeof AvatarGroupSlots> | undefined

A style of AvatarGroupSlots, for the overlap.

AvatarGroupView.avatarStyle

property · packages/mixins-ui/src/avatar.ts:133

readonly avatarStyle?: NamedStyle<typeof AvatarSlots> | undefined

A style of AvatarSlots for every avatar in it, the +N included.

AvatarGroupView.mixins

property · packages/mixins-ui/src/avatar.ts:135

readonly mixins?: MixinList<Message> | undefined

Mixins beside the style.