Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA pick list for the sections of a document template where required sections cannot be removed, with a numbered preview of the result. Use this when users assemble a report or contract from standard sections.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it for proposal, report, contract and policy generators where some sections are mandatory and the rest are optional.
Do not use it when every section is optional (use pick-list) or when sections have their own settings (use an accordion).
It composes pick-list, transfer-list, which the CLI installs for you.
import { TemplateSectionsPicker } from "@/components/template-sections-picker"<TemplateSectionsPicker
sections={allSections} // required ones carry disabled: true
value={chosen}
onValueChange={setChosen}
/>| Prop | Type | Default | Description |
|---|---|---|---|
sections | TransferItem[] | - | Available sections; required ones have disabled: true. |
value / defaultValue / onValueChange | string[] | required sections | Sections in the document, in order. |
pick-list applies: announcements for moves, Alt+Arrow reordering.The pattern ships with a Testing Library test (template-sections-picker.test.tsx) that covers required sections, adding, Remove all and reordering.