CheIcon
アイコンコンポーネントです。RemixIconベースのSVGアイコンを表示します。
基本
<CheIcon iconName="search" />
<CheIcon iconName="search" type="fill" />タイプ
type で line（デフォルト）または fill を指定できます。
line
fill
line
fill
line
fill
<CheIcon iconName="star" type="line" />
<CheIcon iconName="star" type="fill" />すべてのバリエーション
すべてのアイコン一覧は カタログページ を参照してください。
Props
| 属性 | 詳細 | 型 | デフォルト | 必須 |
|---|---|---|---|---|
| iconName | アイコン名 | IconName | - | Yes |
| type | アイコンの種類 | ”line” | “fill" | "line” | No |
| className | 追加CSSクラス | string | undefined | No |
| onClick | クリックハンドラ | MouseEventHandler | undefined | No |
| aria-hidden | aria-hidden属性 | boolean | !aria-label | No |
| aria-label | aria-label属性 | string | undefined | No |