A Text Input panel for a Button component to change the text

Params

label
string
default:"Text"
Text for the panel label in the Makeswift builder.
description
string
The description shown in the Panel of the Makeswift builder. This can be written in Markdown format. Added in v0.24.8.
defaultValue
string
The value passed to your component when nothing is set in the Makeswift builder.

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.
import { TextInput } from "@makeswift/runtime/controls";

import { runtime } from "@/makeswift/runtime";

import { Button } from "./Button";

runtime.registerComponent(Button, {
  type: "button",
  label: "Button",
  props: {
    text: TextInput({ label: "Text", defaultValue: "Click me" }),
  },
});
.makeswift.ts is a naming convention for organizing Makeswift registration code. Learn more.