Raft 设计系统
English

组件 · Agent

LiveAgentActivityBar

A live strip of working agents above the tab bar or at the bottom of the sidebar; deprecated, because working agents are shown where they already appear.

已弃用也叫 Live bar, Activity bar, Live activity
import { LiveAgentActivityBar } from "@botiverse/raft-ui";
本页尚未翻译
译文完成之前，这里显示英文原文。 阅读英文版
已弃用
The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0.

LiveAgentActivityBar is a strip of avatars, a status light and a line of text that says what agents are doing, placed above the phone tab bar or at the bottom of the desktop sidebar. It is deprecated and removed in raft-ui 1.0, and there is no single component that replaces it. The strip took the spot on the screen people reach most, changed all the time and was usually about something other than the page being read (0006). What it showed now goes back to the places where agents already appear, listed in Working agents.

When to use

To showUse
Whether anyone is working, and whoThe summary line: an avatar stack (AvatarGroup, Avatar) and a count, in the web top bar, in a phone's Home bar, or in the sidebar header when there is no top bar
What one agent is doingThe right side of its own row: the Sidebar row, on desktop and on a phone
Who is working in a placeThe PanelMeta line of its header (Panel)
That an agent is working, in the conversationThe still yellow light on its avatar (MessageItem)
Every working agentWorking now: a list opened from the summary in a Popover, on a phone too

API

LiveAgentActivityBar, LiveAgentActivityBarAvatar, LiveAgentActivityBarContent, LiveAgentActivityBarRow

已弃用The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0.
Prop类型默认值
renderAllows you to replace the component's HTML element with a different tag, or compose it with another component.ReactElement | ((props, state) => ReactElement)

Also takes the attributes of its element.

LiveAgentActivityBarStatus

已弃用The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0.
Prop类型默认值
presenceA status light (online, busy, error, offline, external): a fixed meaning that needs its word nearby, or an aria-label. It takes the place of `variant`'s colour."online" | "busy" | "error" | "offline" | "external"
renderAllows you to replace the component's HTML element with a different tag, or compose it with another component.ReactElement | ((props, state) => ReactElement)

Also takes the attributes of its element.

LiveAgentActivityBarText

已弃用The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0.
Prop类型默认值
renderAllows you to replace the component's HTML element with a different tag, or compose it with another component.ReactElement | ((props, state) => ReactElement)

Also takes the attributes of its element.

相关组件

改动

  • 0.7.0 · ChangedDeprecated, to be removed in 1.0: FloatButton / FloatButtonGroup (not part of the design system), LegacyTaskPanel* (unused), and LiveAgentActivityBar* (the design system shows working agents where they appear).
  • 0.5.0 · AddedAdded beam={false} to LiveAgentActivityBar to disable the Elegant animated border and glow while preserving enter and exit transitions.
  • 0.2.0 · AddedGraduated DescriptionList, Files panel primitives, and LiveAgentActivityBar to the stable entry. DescriptionList includes horizontal layout support.
  • 0.0.21 · AddedAdded LiveAgentActivityBar compound parts (Row, Avatar, Status, Content, Text) for composable live agent activity status.