Skip to content

[jp-sync] Sync JP chip docs: add outlined section #511

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
github-actions wants to merge 2 commits into
base: vnext
Choose a base branch
from
Open

[jp-sync] Sync JP chip docs: add outlined section #511

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3bae303
docs(jp/chip): sync outlined section from EN
github-actions[bot] Aug 24, 2026
b59f2d9
review: unify Chip component name casing in JP body prose [R001/R002]
IG-Mori Aug 25, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 11 additions & 1 deletion docs/angular/src/content/jp/components/chip.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -103,14 +103,24 @@ Ignite UI for Angular Chips モジュールまたはディレクティブをイ

## バリアント

Angular チップは、いくつかの定義済みスタイル バリアントをサポートしています。<ApiLink type="Chip" member="variant" label="variant" /> 入力プロパティにサポートされている値のいずれか (`primary`、`info`、`success`、`warning`、または `danger`) を割り当てることで、バリアントを変更できます。
Angular Chip は、いくつかの定義済みスタイル バリアントをサポートしています。<ApiLink type="Chip" member="variant" label="variant" /> 入力プロパティにサポートされている値のいずれか (`primary`、`info`、`success`、`warning`、または `danger`) を割り当てることで、バリアントを変更できます。

```html
<igx-chip variant="success">Success</igx-chip>
```

<Sample src="/data-display/chip-variants" height={100} alt="Angular Chip バリアントの例" />

### アウトライン

Angular Chip は、<ApiLink type="Chip" member="outlined" label="outlined" /> プロパティを設定することで、アウトライン スタイルでレンダリングし、周囲にボーダーを表示することもできます。

```html
<igx-chip outlined>Outlined</igx-chip>
```

<Sample src="/data-display/chip-outlined" height={100} alt="Angular Chip アウトラインの例" />

### 選択

<Image src={selectingDefault} alt="Selecting Default" class="responsive-img" />
Expand Down
Loading