フォーム v1.0.0

メンション入力

インラインメンション機能付きのテキストエリア。トリガー文字（デフォルトは「@」）を入力すると、 フィルタリング可能なユーザーまたはアイテムのドロップダウンが表示されます。キーボードナビゲーション、 アバター表示に対応し、構造化されたメンションデータをJSON形式でhidden入力に格納します。

プレビュー & コード

オプション

名前 型 デフォルト 説明
name * String 必須 Form field name for the hidden input storing mention data
value String "" Initial text value for the textarea
placeholder String "" Placeholder text for the textarea
trigger String "@" Character that triggers the mention dropdown
items Array [] Array of mentionable items with keys: id, name, avatar (optional)
max_suggestions Integer 5 Maximum number of suggestions shown in the dropdown
label String nil Label text rendered above the textarea

変更履歴 v1.0.0

- Initial release with trigger character detection
- Filterable dropdown with keyboard navigation
- Avatar support with fallback initials
- Structured JSON mention data in hidden input
- Dark mode support

フルアクセスを取得

このコンポーネントと他のすべてのソースコードをアンロックしましょう。一回のお支払いで永久アクセス。

今すぐアクセスを取得