Chat & AI

Queue

Server Component

Pending messages and todos waiting to run.

Import

tsx

import { Queue } from "@cronus-ui/ui";

bash

npx cronus-ui add queue

Examples

Pending work

A list of items waiting to run.

Summarise the last three PRs
Draft the changelog

tsx

<Queue>
  <QueueList>
    <QueueItem>
      <QueueItemIndicator />
      <QueueItemContent>Summarise the last three PRs</QueueItemContent>
    </QueueItem>
    <QueueItem>
      <QueueItemIndicator />
      <QueueItemContent>Draft the changelog</QueueItemContent>
    </QueueItem>
  </QueueList>
</Queue>

.cronus

No audit fixture declares this family in .cronus yet.

React onlyParity: Not portedParity scoreboard

API Reference

Generated from the component's exported types.

QueueItemProps

Extends LiHTMLAttributes<HTMLLIElement>

Prop	Type	Default	Description
`ref`	`Ref<HTMLLIElement>`	—	Ref forwarded to the underlying DOM node.
`children`	`ReactNode`	—	Contents of the component.
`className`	`string`	—	Additional class names merged onto the root.

QueueItemIndicatorProps

Extends HTMLAttributes<HTMLSpanElement>

Prop	Type	Default	Description
`ref`	`Ref<HTMLSpanElement>`	—	Ref forwarded to the underlying DOM node.
`completed`	`boolean`	`false`	—
`className`	`string`	—	Additional class names merged onto the root.
`children`	`ReactNode`	—	Contents of the component.
`id`	`string`	—	DOM id of the root element.

QueueItemContentProps

Extends HTMLAttributes<HTMLSpanElement>

Prop	Type	Default	Description
`ref`	`Ref<HTMLSpanElement>`	—	Ref forwarded to the underlying DOM node.
`completed`	`boolean`	`false`	—
`className`	`string`	—	Additional class names merged onto the root.
`children`	`ReactNode`	—	Contents of the component.
`id`	`string`	—	DOM id of the root element.

QueueItemDescriptionProps

Extends HTMLAttributes<HTMLDivElement>

Prop	Type	Default	Description
`ref`	`Ref<HTMLDivElement>`	—	Ref forwarded to the underlying DOM node.
`completed`	`boolean`	`false`	—
`className`	`string`	—	Additional class names merged onto the root.
`children`	`ReactNode`	—	Contents of the component.
`id`	`string`	—	DOM id of the root element.

QueueItemActionsProps

Extends HTMLAttributes<HTMLDivElement>

Prop	Type	Default	Description
`ref`	`Ref<HTMLDivElement>`	—	Ref forwarded to the underlying DOM node.
`className`	`string`	—	Additional class names merged onto the root.
`children`	`ReactNode`	—	Contents of the component.
`id`	`string`	—	DOM id of the root element.

QueueItemActionProps

Extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size">

Prop	Type	Default	Description
`ref`	`Ref<HTMLButtonElement>`	—	Ref forwarded to the underlying DOM node.
`type`	`string`	—	Native type of the underlying element.
`disabled`	`boolean`	—	Disables pointer and keyboard interaction.
`onClick`	`(event: MouseEvent) => void`	—	Click handler.
`children`	`ReactNode`	—	Contents of the component.
`className`	`string`	—	Additional class names merged onto the root.

QueueItemAttachmentProps

Extends HTMLAttributes<HTMLDivElement>

Prop	Type	Default	Description
`ref`	`Ref<HTMLDivElement>`	—	Ref forwarded to the underlying DOM node.
`className`	`string`	—	Additional class names merged onto the root.
`children`	`ReactNode`	—	Contents of the component.
`id`	`string`	—	DOM id of the root element.

QueueItemImageProps

Extends ImgHTMLAttributes<HTMLImageElement>

Prop	Type	Default	Description
`ref`	`Ref<HTMLImageElement>`	—	Ref forwarded to the underlying DOM node.
`className`	`string`	—	Additional class names merged onto the root.
`children`	`ReactNode`	—	Contents of the component.
`id`	`string`	—	DOM id of the root element.

QueueItemFileProps

Extends HTMLAttributes<HTMLSpanElement>

Prop	Type	Default	Description
`ref`	`Ref<HTMLSpanElement>`	—	Ref forwarded to the underlying DOM node.
`className`	`string`	—	Additional class names merged onto the root.
`children`	`ReactNode`	—	Contents of the component.
`id`	`string`	—	DOM id of the root element.

QueueListProps

Extends HTMLAttributes<HTMLDivElement>

Prop	Type	Default	Description
`ref`	`Ref<HTMLDivElement>`	—	Ref forwarded to the underlying DOM node.
`className`	`string`	—	Additional class names merged onto the root.
`children`	`ReactNode`	—	Contents of the component.
`id`	`string`	—	DOM id of the root element.

QueueSectionProps

Extends ComponentProps<typeof Collapsible>

Prop	Type	Default	Description
`defaultExpanded`	`boolean`	`true`	Taki alias for `defaultOpen`.
`open`	`boolean`	—	Controlled open state.
`defaultOpen`	`boolean`	—	Uncontrolled initial open state.
`onOpenChange`	`(open: boolean) => void`	—	Called when the open state changes.
`children`	`ReactNode`	—	Contents of the component.
`disabled`	`boolean`	—	Disables pointer and keyboard interaction.

QueueSectionTriggerProps

Extends ComponentProps<typeof CollapsibleTrigger>

Prop	Type	Default	Description
`asChild`	`boolean`	—	Render as the child element via Slot.
`children`	`ReactNode`	—	Contents of the component.
`className`	`string`	—	Additional class names merged onto the root.

QueueSectionLabelProps

Extends HTMLAttributes<HTMLSpanElement>

Prop	Type	Default	Description
`ref`	`Ref<HTMLSpanElement>`	—	Ref forwarded to the underlying DOM node.
`count`	`number`	—	—
`label`*	`string`	—	—
`icon`	`ReactNode`	—	—
`className`	`string`	—	Additional class names merged onto the root.
`children`	`ReactNode`	—	Contents of the component.
`id`	`string`	—	DOM id of the root element.

QueueSectionContentProps

Extends ComponentProps<typeof CollapsibleContent>

Prop	Type	Default	Description
`forceMount`	`boolean`	—	Keep the node mounted when closed, for exit animation.
`asChild`	`boolean`	—	Render as the child element via Slot.
`children`	`ReactNode`	—	Contents of the component.
`className`	`string`	—	Additional class names merged onto the root.

QueueProps

Extends HTMLAttributes<HTMLDivElement>

Prop	Type	Default	Description
`ref`	`Ref<HTMLDivElement>`	—	Ref forwarded to the underlying DOM node.
`className`	`string`	—	Additional class names merged onto the root.
`children`	`ReactNode`	—	Contents of the component.
`id`	`string`	—	DOM id of the root element.