Call To Action Pair Field
uifoundry/call-to-action-pair-fieldFreeComponent
PayloadCMS array field for pairs of call-to-action buttons with label and href
Live preview
live · rendered by the registry
Rendered by uifoundry on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://uifoundry.dev/r/call-to-action-pair-field.jsonSource
1import type { ArrayField } from "@/registry/default/lib/fields";23export default function callToActionPair(4 props?: Partial<ArrayField> & { defaultHref?: string; defaultLabel?: string; },5): ArrayField {6 return {7 name: props?.name ?? "actions",8 type: "array",9 fields: [10 {11 name: "label",12 type: "text",13 defaultValue: props?.defaultLabel ?? "Start Building",14 required: true,15 },16 {17 name: "href",18 type: "text",19 defaultValue: props?.defaultHref ?? "",20 required: true,21 },22 ],23 maxRows: 2,24 ...props,25 };26}
What it pulls in
npm packages
Other registry items
Files it writes
More from uifoundry
All 54 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Animated Groupanimated-group | uifoundry | Components | Free | 2 deps | |
| Buttonbutton | uifoundry | Components | Free | 3 deps | |
| Cardcard | uifoundry | Components | Free | 1 dep | |
| Description Fielddescription-field | uifoundry | Components | Free | 2 deps | |
| Flickering Gridflickering-grid | uifoundry | Components | Free | 1 dep | |
| Header Fieldheader-field | uifoundry | Components | Free | 2 deps | |
| Icon Componenticon | uifoundry | Components | Free | 2 deps | |
| Render Blocksrenderblocks | uifoundry | Components | Free | 2 deps |
