Rails Designer v1.10：让你的表单字段看起来更漂亮

再次更新！这是今年的最后一篇更新（你能相信已经快到 2025 年了吗？！）。🤯

现在发生了很多事。本期内容如下：

一如既往：很高兴看到你们的回复！🙋 如果你正在庆祝：祝你圣诞快乐，明年再见！🎄🎁🎆

总部更新

总部忙碌的蜜蜂。🐝☀️🌴 让我快速回顾一下每一件新事物：

🔍 Rails UI 审计

我正在尝试新的东西：**Rails UI 审计**。🔍 如果您**想要改进 Rails 应用的 UI 和可用性**，但不确定从哪里开始，我可以为您提供一些指导。您将在一份整洁的报告中获得高影响力、易于实施的改进。📝 在此处阅读所有内容。

🪡 量身定制的用户界面

如果您需要更多实际帮助。Tailor Made UI 适合您。🫵**我帮助公司打造更好的产品，以经验丰富的 Rails 产品工程师的身份兼职与您的团队合作。**事实证明它非常受欢迎——我的预约已经满到 2025 年 3 月（目前已与更多公司洽谈），但请联系我们（先到先得！🎅）。🤙

🍨 Vanilla Rails UI 组件库

我正在评估对一个包含原生 Rails UI 组件的单独库的兴趣。部分组件（它们功能强大）、帮助程序和原生 CSS。就是这样。听起来像是你在寻找的东西？快来看看吧！🛎️

📱Rails 图标 1.0.0

经过大约 8 个月的开发和 5,000 次以上的下载，Rails Icons 1.0 终于发布了。它现在可以同步来自各自 GitHub 存储库的图标，具有动画图标，并且可以添加任何图标库。API 基本保持不变，但有一个重大更改（属性从 **set** 更改为 **variant**）。在 GitHub 上为它加星标。⭐

🤹 刺激特效

还有一个可爱的库，名为 Stimulus FX。它是 Stimulus 的 **自定义操作选项** 的集合。你说什么？阅读本文以了解所有内容。它也在 GitHub 上。⭐

🥷 隐身 Dom ID

说到 OSS，您已经见过 stealth_dom_id (🙈) 了吗？它扩展了 Rails 的 `dom_id` 助手以支持基于属性的自定义标识符，因此您的主 ID 不会暴露。它已经发布了一段时间，但我认为您会喜欢它。

UI 组件库中的新功能

**Rails Designer 的 UI 组件库** 的优点在于，在过去 10 个月中，它变得越来越好，功能也越来越完善。🏁 别误会，我对组件和变体有很多想法，但它的核心是稳定的，并且被世界各地的许多团队使用。🌍

今天，我很高兴地宣布一项自发布之前就已列入我计划的功能！💖 从今天开始，**您的输入字段将通过随附的自定义表单生成器看起来非常漂亮**！👷🚧

安装后，你可以像平常一样使用你的表单助手（只需省略类属性；这是需要注意的）：

<%= form.text_field :name, placeholder: "e.g. first- and last name", required :true %>

**Rails Designer 的 Form Builder** 会拾取它，并为您注入 Tailwind CSS 类。由我精心打造，但完全可定制（很快将提供更多样式）。👗

还包括**智能输入**。🧠 它们非常适合基本表格，例如登录或注册表单：

<%= form.input :email_address %>
<%= form.input :password %>

表单生成器会将这些元素包装在 div 元素中（如果存在，则使用新的 **FieldComponent**），包含标签元素（如果存在，则使用 **FormLabelComponent**）并呈现正确的字段类型。在上述情况下，它将是“email_field”和“password_field”。

很好地清理了您的表单（和视图）。🧹 如上所述，您可以在 **rails_designer 初始化程序** 中更新默认样式。查找 `config.form_builder.input_css = ""`。

请在此处查看更多更新的完整更新日志。