logo
帮助文档/设计系统/组件/编辑带有组件属性的实例

编辑带有组件属性的实例

组件属性允许设计师在右边栏集中修改组件的特定属性,如图标的显示或隐藏、文本内容等。

当你引用一个带有组件属性的实例时,右边栏中会出现一个实例模块,显示所有可编辑的组件属性。

编辑组件属性

  1. 1.选中带有组件属性的实例。
  2. 2.在右边栏的组件属性模块,可以根据属性类型进行切换。
    • 变体属性:切换变体的各种属性,比如状态、颜色等。
    • 布尔属性:切换开关以显示或隐藏的图层。
    • 实例替换属性:从下拉菜单中切换不同的实例。如果被设置了「首选值」,菜单默认展示一个自定义的实例列表。
    • 文本属性:可以在右边栏直接编辑文本内容。
  3. 3.改变组件属性时,画布区的实例会同步更新。

文本属性不支持富文本格式,如有序列表、无序列表等。

对于包含项目符号或编号列表的文本,如果你从右边栏的组件属性中修改文本,可能会丢失列表样式。为了保留这些样式,建议直接在画布上进行编辑。

组件属性被设置为「简化实例」

当你引用的组件被设置为「简化实例」时,右边栏的实例模块会聚焦展示可编辑的组件属性。

你可以点击「显示更多属性」展开被隐藏的信息。 '简化实例.png'

如果你想恢复「简化实例」的状态,可以取消选中该图层,再次选中后就可以恢复到原状态。

展示内部实例的属性

当你引用的组件内包含了嵌套实例,且该组件被设置为「展示内部实例的属性」时,右边栏会展示出内部嵌套实例的属性,便于你直接调整内部嵌套图层的属性,无需再选中每一层进行编辑。

将光标悬停在右边栏的属性上时,Motiff 妙多会在画布区使用颜色框突出显示使用该属性的图层。