PDS proposals
← All proposals

Chain of Thought

A collapsible list.

Net-new componentOpen in Storybook

proposals/ChainOfThought/custom.md28 lines · View on GitHub

Custom and net-new: ChainOfThought

Everything in this proposal that is not plain PDS v2. npm run check:tokens reads this file: each net-new class, custom CSS variable and raw value found in the code must appear here in backticks.

Net-new components

  • .pds-agent-step — A collapsible list.
    • Parts and modifiers: .pds-agent-step--quiet, .pds-agent-step__label
  • .pds-chain-of-thought — A collapsible list.
    • Parts and modifiers: .pds-chain-of-thought--coding, .pds-chain-of-thought--m, .pds-chain-of-thought--reasoning, .pds-chain-of-thought--search, .pds-chain-of-thought__icon, .pds-chain-of-thought__icon--open, .pds-chain-of-thought__list

Additions to existing PDS components

None.

Net-new props

All props of ChainOfThoughtProps are new (net-new component).

Custom CSS variables

  • --agent-step-font-size — set on .pds-chain-of-thought
  • --chain-of-thought-indent — set on .pds-chain-of-thought

Raw values kept on purpose

None.