smarthr-ui-help-link

HelpLinkは、ヘルプページを開くためのテキストリンクコンポーネントです。SmartHRのヘルプセンターへ誘導するリンクを置くときに使います。

Stars: 30
Source: kufu/smarthr-design-system
Updated: 2026-05-29
Slug: kufu--smarthr-design-system--smarthr-ui-help-link

// install — copy + paste into any project

mkdir -p .claude/skills && curl -fsSL https://raw.githubusercontent.com/kufu/smarthr-design-system/HEAD/plugins/smarthr-design-system/skills/smarthr-ui-help-link/SKILL.md -o .claude/skills/smarthr-ui-help-link.md

Drops the SKILL.md into .claude/skills/smarthr-ui-help-link.md. Works with Claude Code, Cursor, and any agent that loads SKILL.md files from .claude/skills/.

ヘルプページを開くためのテキストリンクコンポーネントです。SmartHRのヘルプセンターへ誘導するリンクを置くときに使います。

import

import { HelpLink } from 'smarthr-ui'

Props

（固有 Props なし）

実装ルール

a11y-help-link-with-support-href

ヘルプページへのリンクはsmarthr-ui/HelpLinkを使うことを促すルールです

✅ OK:

<HelpLink href="https://support.smarthr.jp/xxxxx">any</HelpLink>
<HelpLink href={`//support.smarthr.jp/${hoge}`}>any</HelpLink>

詳細は eslint-plugin-smarthr の各ルール README を参照してください。

使い方チェックリスト

使い方チェックリスト（Layer 3）は設定されていません。