TextInput

Adds a single-line Text Input panel in the Makeswift builder to visually edit a string prop.

Params

Prop type

The TextInput control passes a string to your component. If you don’t set a defaultValue and no value is set in the builder, your component receives undefined.

Example

The following example adds a Text Input control to the children prop of a Link component.

1
import { TextInput } from "@makeswift/runtime/controls";
2
3
import { runtime } from "../../../../../makeswift/runtime";
4
5
import { Button } from "./Button";
6
7
runtime.registerComponent(Button, {
8
  type: "button",
9
  label: "Button",
10
  props: {
11
    text: TextInput({ label: "Text", defaultValue: "Click me" }),
12
  },
13
});