Content & Docs

4 Variants

Frequently Asked Questions

Everything you need to know about the two-tier token model, adaptive radii, and agent orchestration.

FAQ Accordion Section

Studio AI

Always online

Online
Today

Studio AI

Hi! I can help track orders, start returns, or answer product questions. What do you need?

1:59 pm

You

Where's my order 1043?

2:01 pm

Studio AI

Order 1043 shipped this morning and is on track to arrive tomorrow by 8pm.

2:01 pm

Studio AI is typing…
Chat UI

Frequently Asked Questions

Everything you need to know about the two-tier token model, adaptive radii, and agent orchestration.

FAQ Accordion Section

Studio AI

Always online

Online
Today

Studio AI

Hi! I can help track orders, start returns, or answer product questions. What do you need?

1:59 pm

You

Where's my order 1043?

2:01 pm

Studio AI

Order 1043 shipped this morning and is on track to arrive tomorrow by 8pm.

2:01 pm

Studio AI is typing…
Chat UI

FAQ Accordion Section

Collapsible product FAQ accordion section built with accessible disclosure elements and token styling.

>npx @shavin/cli add faq-accordion-section

Frequently Asked Questions

Everything you need to know about the two-tier token model, adaptive radii, and agent orchestration.

When to Use & Guidelines

  • Fully responsive across desktop, tablet, and mobile breakpoints.
  • 100% semantic token purity — remaps seamlessly across all themes.
  • Accessible by default with proper ARIA roles and keyboard navigation.
#faq#accordion#support

Chat UI

Conversational chat interface with message bubbles, input field, and send action.

>npx @shavin/cli add chat-ui

Studio AI

Always online

Online
Today

Studio AI

Hi! I can help track orders, start returns, or answer product questions. What do you need?

1:59 pm

You

Where's my order 1043?

2:01 pm

Studio AI

Order 1043 shipped this morning and is on track to arrive tomorrow by 8pm.

2:01 pm

Studio AI is typing…

When to Use & Guidelines

  • Fully responsive across desktop, tablet, and mobile breakpoints.
  • 100% semantic token purity — remaps seamlessly across all themes.
  • Accessible by default with proper ARIA roles and keyboard navigation.
#chat#messaging#conversation

FAQ Accordion Section

Collapsible product FAQ accordion section built with accessible disclosure elements and token styling.

>npx @shavin/cli add faq-accordion-section

Frequently Asked Questions

Everything you need to know about the two-tier token model, adaptive radii, and agent orchestration.

When to Use & Guidelines

  • Fully responsive across desktop, tablet, and mobile breakpoints.
  • 100% semantic token purity — remaps seamlessly across all themes.
  • Accessible by default with proper ARIA roles and keyboard navigation.
#faq#accordion#support

Chat UI

Conversational chat interface with message bubbles, input field, and send action.

>npx @shavin/cli add chat-ui

Studio AI

Always online

Online
Today

Studio AI

Hi! I can help track orders, start returns, or answer product questions. What do you need?

1:59 pm

You

Where's my order 1043?

2:01 pm

Studio AI

Order 1043 shipped this morning and is on track to arrive tomorrow by 8pm.

2:01 pm

Studio AI is typing…

When to Use & Guidelines

  • Fully responsive across desktop, tablet, and mobile breakpoints.
  • 100% semantic token purity — remaps seamlessly across all themes.
  • Accessible by default with proper ARIA roles and keyboard navigation.
#chat#messaging#conversation
Configure Theme
Theme
Accent Color
Custom
Gray Family
Appearance
Radius
Scaling
Panel Style
Heading Font
Body Font