PDS proposals
← All proposals

Chat with an agent

A recipe, not a component: one interactive story that composes the existing proposals into a chat with an agent, from the empty state to a conversation.

Extends a PDS componentOpen in Storybook

proposals/ChatWithAgent/custom.md27 lines · View on GitHub

Custom and net-new: Chat with an agent

A recipe: it composes existing proposals and adds no component, prop or class of its own. npm run check:tokens reads this file.

Net-new components

None.

Additions to existing PDS components

None.

Net-new props

None.

Custom CSS variables

Story-only overrides of other components' own variables, set in chat-with-agent-story.css (not in any component):

  • --button-height — the Button's variable; the "Add page" button is 24px high to match the Tag (the smallest PDS Button is 28px).
  • --tag-bg, --tag-fg — the Tag's variables, set to the Badge's silver-muted tokens: a neutral grey for the "Home" tag (the PDS Tag has no neutral color).

Raw values kept on purpose

None.