Skip to content

Question

One question, with options you can answer in a word.

Use it when

  • The agent can’t settle a fact or a choice from the data, and one answer would.
  • The answers fit in a word or a few: up to four as buttons, more in a list.

Don’t use it when

  • One meaning is far more likely. The agent should go with it and say so.
  • The agent needs permission to act. Use Confirmation.

The rule it follows

  • An agent stops before anything that posts to the ledger.

    Check: Nothing reaches the books until a person presses Post.

All 3 principles

Before and after

AI · Awaiting your answer

Which entities should the variance cover: all of them, or KJP only?

AI · Answered

Which entities should the variance cover: all of them, or KJP only?

Answered by you: KJP only.

Each answer is one press. Skip and Choose for me are always there.

Install

pnpm dlx shadcn@latest add https://tabularui.com/r/question.json https://tabularui.com/r/agent-block.json

Usage

import { AgentBlock } from '@/components/tabular-ui/components/product/AgentBlock';import { Question } from '@/components/tabular-ui/components/product/Question'; <AgentBlock authorship="AI · Awaiting your answer">  <Question    title="Which entities should the variance cover: all of them, or KJP only?"    options={[      { id: 'all', label: 'All entities' },      { id: 'kjp', label: 'KJP only' },    ]}    onAnswer={answer}    outcome={outcome}  /></AgentBlock>

Set up your app firstQuestion in Storybook