Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Component: RTL Layout Wrapper

未关闭
#3 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 1 天内回复

还没有人认领这个 Issue。

评估

难度
3/5
预计耗时
1-2 天
新手友好度
68/100
Issue 类型
功能
描述清晰度
基本清楚
活跃度
活跃
技术栈
react, tailwindcss, typescript

调研方向

Read CONTRIBUTING.md, then inspect existing components in src/registry/components/ and their documentation in content/docs/components/. Implement the RTL wrapper with a TypeScript props interface, locale-based direction, and the specified wrapper attributes; document it. Done means the component works around arbitrary content and supports the listed RTL locales and Tailwind CSS.

由索引模型根据 Issue 内容生成。

描述

component good first issue rtl-layout

Component: RTL Layout Wrapper

Build a layout wrapper that automatically applies RTL direction based on the current locale.

Requirements
  • TypeScript-first with exported props interface
  • Auto-detects RTL from locale code (ar, he, fa, ur, etc.)
  • Applies dir="rtl" and lang attribute to wrapper
  • Uses CSS logical properties (margin-inline-start, etc.)
  • Tailwind CSS compatible
  • Works as a drop-in wrapper around any content
Expected API
<RTLLayout locale="ar">
  <Navigation />
  <MainContent />
</RTLLayout>
Deliverables
  • Component source in src/registry/components/
  • Documentation page in content/docs/components/

See CONTRIBUTING.md.

主要语言
TypeScript
星标
39
派生
16
平均合并
2 天 12 小时
30 天内合并 PR
10

环境准备

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

babelize/babelize-elements 的其他 Issue

查看 babelize/babelize-elements 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。