Appwrite 的开源设计系统,用于构建一致且可重用的用户界面。
Pink Design 是一个专为构建无障碍和视觉吸引力的用户界面而设计的 CSS 库。该库在开发时特别注重无障碍性,确保所有能力水平的用户都能轻松与您的 Web 应用程序交互。Pink Design 提供了广泛的类和组件,可以轻松集成到您的项目中。无论您正在构建复杂的用户界面还是简单的 Web 应用,Pink Design 都能为您提供创建精致专业外观所需的一切。
入门指南
NPM
安装 CSS 库:
npm install "@appwrite.io/pink"
将 Pink Design 作为包安装后,通过在 JavaScript 文件中导入它来将其作为 CSS 库包含。
import "@appwrite.io/pink";
// 可选:添加图标
import "@appwrite.io/pink-icons";
CDN
将以下代码复制到 HTML 文件的 <head>
部分。
<link rel="stylesheet" href="https://unpkg.com/@appwrite.io/pink" />
<!-- 可选:添加图标 -->
<link rel="stylesheet" href="https://unpkg.com/@appwrite.io/pink-icons" />
无障碍性
我们的设计库旨在具有包容性,无论用户有何特殊需求,都能轻松地与之交互和导航。这提升了所有用户的体验,并符合 Web 开发的道德标准。在 Appwrite,我们致力于在所有工作中促进无障碍性。
我们不断努力改进。如果您发现任何可以提高无障碍性的地方,请随时分享您的反馈和建议。
Pink Design 的文档网站是使用 Astro Web 框架构建的。
支持的浏览器
浏览器 | 版本 |
---|---|
Chrome | >=99 |
Safari | >=15.4 |
Firefox | >=97 |
Opera | >=85 |
Chrome for Android | >=109 |
Safari iOS | >=15.4 |
Samsung Internet | >=18 |
贡献
所有代码贡献(包括那些来自具有提交权限的人)都必须通过拉取请求并得到核心团队成员的批准后才能合并。这是为了确保对所有代码进行适当的审查。
我们真诚地❤️拉取请求!如果您希望提供帮助,可以在贡献指南中了解更多关于如何为这个项目做出贡献的信息。
安全
对于安全问题,请通过电子邮件 security@appwrite.io 与我们联系,而不是在 GitHub 上发布公开问题。
关注我们
加入我们遍布全球的不断壮大的社区!查看我们的官方博客。在 Twitter、Facebook 页面、Facebook 群组、Dev Community 上关注我们,或加入我们的实时 Discord 服务器,获取更多帮助、想法和讨论。
许可证
本仓库采用 MIT 许可证。