Provides guidance on using smarthr-ui FilterDropdown to implement filter conditions in tables with checkboxes, radio buttons, and date inputs, including apply/reset actions.
How this skill is triggered — by the user, by Claude, or both
Slash command
/smarthr-design-system:smarthr-ui-filter-dropdownThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
「よくあるテーブル」などで絞り込み条件を入力するためのドロップダウンコンポーネントです。Checkbox/RadioButton/日付などの入力要素をドロップダウンパネル内に配置し、絞り込みの適用・解除を提供するときに使います。
「よくあるテーブル」などで絞り込み条件を入力するためのドロップダウンコンポーネントです。Checkbox/RadioButton/日付などの入力要素をドロップダウンパネル内に配置し、絞り込みの適用・解除を提供するときに使います。
「よくあるテーブル」などで絞り込み条件を入力するためのドロップダウンコンポーネントです。Checkbox/RadioButton/日付などの入力要素をドロップダウンパネル内に配置し、絞り込みの適用・解除を提供するときに使います。
import { FilterDropdown } from 'smarthr-ui'
| Props 名 | 型 | デフォルト値 | 必須 | 説明 |
|---|---|---|---|---|
| trigger | ReactNode | { children: ReactNode; size?: ButtonProps; onlyIcon?: boolean | { component?: ComponentType; }; } | - | - | 引き金となるボタン |
| applyText | ReactNode | - | - | - |
| cancelText | ReactNode | - | - | - |
| resetText | ReactNode | - | - | - |
| filtered | boolean | { iconAlt?: ReactNode; } | - | - | - |
| responseStatus | ResponseStatus | - | - | - |
| onApply | MouseEventHandler | - | ✓ | - |
| onCancel | MouseEventHandler | - | - | - |
| onReset | MouseEventHandler | - | - | - |
| onOpen | () => void | - | - | - |
| onClose | () => void | - | - | - |
FilterDropdown に直接関連する eslint-plugin-smarthr のルールは現時点ではありません。
npx claudepluginhub kufu/smarthr-design-system --plugin smarthr-design-systemProvides a primitive dropdown UI component (DropdownTrigger + DropdownContent) for custom dropdowns not covered by DropdownMenuButton/FilterDropdown/SortDropdown in smarthr-ui.
Generates Airtable filter parameters for MCP tools to find or narrow records by field values using operators (=, !=, contains, <, >) across text, numeric, date, select, collaborator, and linked fields.
Creates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.