当前位置:首页 > 下载列表 > Framer X Property Control Template & Snippets

Framer X Property Control Template & Snippets 0.3.0

FramerXPropertyControlTemplate&Snippets是一套专为提升组件开发效率而设计的工具包,适用于TypeScriptReact(.tsx)环境。它包含了一系列代码片段,帮助您快速为组件添加属性控制,从而简化开发流程。支持语言:TypeScriptReact(.tsx)包含的代码片段:完整模板:用于导入和添加属性控制的模板。布尔值控制(Control
分类:   下载/工具 · 工具软件 来源:  点击进入 版本:  0.3.0
日期:  2025-05-03 人气:   大小:  
标签:   typescript __web_extension snippets snippet react framer-x
点击下载 相关下载
功能介绍

Framer X Property Control Template & Snippets是一套专为提升组件开发效率而设计的工具包,适用于TypeScript React (.tsx)环境。它包含了一系列代码片段,帮助您快速为组件添加属性控制,从而简化开发流程。

支持语言:TypeScript React (.tsx)

包含的代码片段

  • 完整模板:用于导入和添加属性控制的模板。
  • 布尔值控制(ControlType Boolean):以复选框形式展示,属性值为真或假。
  • 字符串控制(ControlType String):以输入字段形式展示,可选占位符值。
  • 颜色控制(ControlType Color):以颜色选择字段形式展示,代表颜色值。
  • 枚举控制(ControlType Enum):以下拉菜单形式展示,选中的选项作为属性值提供。
  • 图像控制(ControlType Image):以图像选择器形式展示。
  • 文件控制(ControlType File):以文件选择器形式展示,打开原生文件浏览器。
  • 数字控制(ControlType Number):以带范围滑块的输入字段形式展示,可选显示步进器控制。
  • 融合数字控制(ControlType FusedNumber):以输入字段形式接受单一值,同时提供分段控制器以选择四个不同的值。
  • 数组控制(ControlType Array):允许每个控制类型具有多个值,显示为属性面板中的附加部分,支持添加所需数量的字段。
  • 多连接控制(ControlType Multiconnector):在画布上添加额外的出口控制,允许在框架之间创建链接。

代码片段速记

速记描述
xtemp⇥用于添加属性控制的模板
xboo⇥布尔值控制
xstr⇥字符串控制
xcol⇥颜色控制
xenu⇥枚举控制
xima⇥图像控制
xfil⇥文件控制
xnum⇥数字控制
xfun⇥融合数字控制
xarr⇥数组控制
xchil⇥带子元素的数组控制(多连接控制)

发布说明

1.0.0

首次发布代码片段和模板

致谢

此工具包灵感来源于Davo Galavotti的Framer X Code Snippets包。

反馈与改进

任何形式的反馈都非常有用。如果您有任何改进建议或发现问题/缺失,请在GitHub上开启一个issue,或直接在Twitter上私信我@aroagilbo,我会尽快回应!

版本声明
本文转载于:https://marketplace.visualstudio.com/items?itemName=AroaGilBo.framer-property-control-snippets 如有侵犯,请联系study_golang@163.com删除
查看更多
课程推荐
  • Golang云原生架构师课程
    Golang云原生架构师课程
    Go是一门并发支持、垃圾回收的编译型系统编程语言;本课程转载自哔哩哔哩:https://www.bilibili.com/video/BV1Mh411M7A
    204次学习
  • MySQL数据管理之备份恢复案例解析视频教程
    MySQL数据管理之备份恢复案例解析视频教程
    《MySQL数据管理之备份恢复案例解析视频教程》MySQL是一个开放源码的小型关联式数据库管理系统,目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低,尤其是开放源码这一特点,许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。
    160次学习
  • MySQL索引优化解决方案
    MySQL索引优化解决方案
    本套课程是根据MySQL索引的设计理念与数据结构、索引使用场景、索引分类、索引运用场景、索引性能分析、查询优化、MySQL索引的慢查询等组成,主要讲述了MySQL索引优化的解决方案,非常适合有MySQL使用基础或者有一定工作经验的同学。课程讲解了解决大数量查询慢的问题、如何编写一个高效的SQL、查询语句应该如何优化、索引的实现原理是什么、索引又应该如何优化...等诸多SQL索引优化的难点和面试点。
    182次学习
  • 极客学院Docker视频教程
    极客学院Docker视频教程
    Docker是PaaS提供商dotCloud开源的一个基于LXC的高级容器引擎,源代码托管在Github上,基于go语言并遵从Apache2.0协议开源。Docker自2013年以来非常火热,无论是从github上的代码活跃度,还是各大厂商的支持,都使Docker成为了时下最受关注的技术,甚至微软都声称在下一代WindowsServer中集成对Docker的支持。所以我们收集了《极客学院Docke
    243次学习
  • Golang进阶实战编程
    Golang进阶实战编程
    本课程是在《Go语言基础视频》基础之上录制的,是Go语言基础的后半部分。包括包的管理,IO操作,Go语言最大的亮点:高并发,goroutine,channel,反射等。本视频主要为了帮助Go语言的初学者,从零到一的快速入门。学完本套课程,可以学会如果通过包管理Go项目,并发模型,以及并发实现,channel通道如何传递数据,反射等等。
    127次学习
  • JavaScript极速入门
    JavaScript极速入门
    本套课程将帮助大家迅速掌握JavaScript这门高端的、动态的、弱类型编程语言。知识点简单明了,让你学习0压力,适合新手观看学习......
    431次学习
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码