Svelte AI Elements

Queue

A comprehensive queue component system for displaying message lists, todos, and collapsible task sections in AI applications.

  • How do I set up the project?
  • What is the roadmap for Q4?
  • Update the default logo to this png.
    setup-guide.png
  • Please generate a changelog.
  • Add dark mode support.
  • Optimize database queries.
  • Set up CI/CD pipeline.
  • Write project documentation
    Complete the README and API docs
  • Implement authentication
  • Fix bug #42
    Resolve crash on settings page
  • Refactor queue logic
    Unify queue and todo state management
  • Add unit tests
    Increase test coverage for hooks

Installation

pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/r/queue.json

If you prefer using jsrepo, please install via the command below:

pnpm dlx jsrepo add @ai/elements/ai-elements/queue

Props

Queue

NameTypeDefault
class
string
children
Snippet
...restProps
HTMLAttributes<HTMLDivElement>

QueueSection

NameTypeDefault
defaultOpen
boolean true
class
string
children
Snippet
...restProps
CollapsibleProps

QueueItem

NameTypeDefault
class
string
children
Snippet
...restProps
HTMLLiAttributes

QueueItemIndicator

NameTypeDefault
completed
boolean false
class
string

QueueItemContent

NameTypeDefault
completed
boolean false
class
string
children
Snippet