Setting the file. One moment.
Skill 10 · Webflow Code Component:convert Component
Subchapter 10.1
references/prop-types.mdMarkdown3 KBView on GitHub
Quick reference for all 11 Webflow code component prop types via props.<Type>() from @webflow/data-types.
| Type | Alias | Return Type | Has defaultValue | Unique Params |
|---|---|---|---|---|
| Text | String | string | Yes | — |
| RichText | — | ReactNode | Yes | — |
| TextNode | — | ReactNode | Yes | multiline |
| Link | — | object | No | — |
| Image | — | object | No | — |
| Number | — | number | Yes | min, max, decimals |
| Boolean | — | boolean | Yes | trueLabel, falseLabel |
| Variant | — | string | Yes | options (required) |
| Visibility | — | boolean | Yes | — |
| Slot | Children | ReactNode | No | — |
| ID | — | string | No | — |
props.Text({ name, group?, tooltip?, defaultValue?: string })
// Returns: stringprops.RichText({ name, group?, tooltip?, defaultValue?: string })
// Returns: ReactNodeprops.TextNode({ name, group?, tooltip?, defaultValue?: string, multiline?: boolean })
// Returns: ReactNodeprops.Link({ name, group?, tooltip? })
// Returns: { href: string, target?: "_self" | "_blank" | string, preload?: "prerender" | "prefetch" | "none" | string }defaultValue paramhref and target separatelyprops.Image({ name, group?, tooltip? })
// Returns: { src: string, alt?: string }defaultValue paramsrc and alt separatelyprops.Number({ name, group?, tooltip?, defaultValue?: number, min?: number, max?: number, decimals?: number })
// Returns: numberprops.Boolean({ name, group?, tooltip?, defaultValue?: boolean, trueLabel?: string, falseLabel?: string })
// Returns: booleanprops.Variant({ name, options: string[], group?, tooltip?, defaultValue?: string })
// Returns: stringoptions is requireddefaultValue must match one of the optionsprops.Visibility({ name, group?, tooltip?, defaultValue?: boolean })
// Returns: booleanprops.Slot({ name, group?, tooltip? })
// Returns: ReactNodedefaultValue paramprops.Id({ name, group?, tooltip? })
// Returns: stringdefaultValue paramAll types share: name (required), group (optional), tooltip (optional)