Prop type aliases and workflow improvements

This update includes developer experience improvements across the Code Components suite of packages. Including @webflow/data-types, @webflow/react, and @webflow/webflow-cli.

@webflow/data-types and @webflow/react 1.0.3

We’ve added aliases to the prop types that match common React patterns you already know, so you can use the naming conventions that feel natural to your team.

New aliases for prop types:

  • props.String - Use interchangeably with props.Text for text-based props
  • props.Children - Use interchangeably with props.Slot for child content

These aliases work seamlessly with existing prop types, giving you flexibility in how you structure your component definitions.

1// Both of these work identically in your .webflow.tsx file
2buttonText: props.Text({ name: "Button Text" })
3// or
4buttonText: props.String({ name: "Button Text" })
5
6// And for child content:
7children: props.Slot({ name: "Children" })
8// or
9children: props.Children({ name: "Children" })

@webflow/webflow-cli 1.8.50

The webflow library share command now displays your Workspace name in the confirmation prompt. This helps you verify you’re sharing to the correct workspace before proceeding, especially useful when working across multiple workspaces.

For more updates on the Webflow CLI, see the CLI changelog.