Enum
ControlType.Enum
这个类型控制可表示一系列可选项。这个些数据的值必须是原始值并且不能重复。被选的选项会被传递作为对应的值。这个类型控制会呈现出一个下拉列表的空间可供用户使用,用户可选择其中一个选项。
export function MyComponent(props) {
const value = props.value || "a"
const colors = { a: "red", b: "green", c: "blue" }
return <Frame background={colors[value]} size={"100%"}>{value}</Frame>
}
addPropertyControls(MyComponent, {
value: {
type: ControlType.Enum,
defaultValue: "a",
options: ["a", "b", "c"],
optionTitles: ["Option A", "Option B", "Option C"],
},
})
Last updated
Was this helpful?