| Feature | Status | Coverage |
|---|---|---|
| Switch | Stable | 100% |
| Table | Planned | 0% |
| Name | Role | Projects |
|---|---|---|
| No records have been added yet. | ||
children?ReactNode| Prop | Type | Default |
|---|---|---|
children? | ReactNode | - |
型ベース（内部で固定する一部attrsは除外）: TableHTMLAttributes<HTMLTableElement>
children?ReactNode| Prop | Type | Default |
|---|---|---|
children? | ReactNode | - |
型ベース（内部で固定する一部attrsは除外）: HTMLAttributes<HTMLTableCaptionElement>
children?ReactNode| Prop | Type | Default |
|---|---|---|
children? | ReactNode | - |
型ベース（内部で固定する一部attrsは除外）: HTMLAttributes<HTMLTableSectionElement>
children?ReactNode| Prop | Type | Default |
|---|---|---|
children? | ReactNode | - |
型ベース（内部で固定する一部attrsは除外）: HTMLAttributes<HTMLTableSectionElement>
children?ReactNodeinteractive?booleanfalse| Prop | Type | Default |
|---|---|---|
children? | ReactNode | - |
interactive? | boolean | false |
型ベース（内部で固定する一部attrsは除外）: HTMLAttributes<HTMLTableRowElement>
align?CellAlign'left'children?ReactNodescope?'col'|'row'|'colgroup'|'rowgroup''col'| Prop | Type | Default |
|---|---|---|
align? | CellAlign | 'left' |
children? | ReactNode | - |
scope? |
align?CellAlign'left'children?ReactNodecolor?'base'|'mute''base'| Prop | Type | Default |
|---|---|---|
align? | CellAlign | 'left' |
children? | ReactNode | - |
color? | 'base'|'mute' | 'base' |
childrenReactNodecolSpannumber| Prop | Type | Default |
|---|---|---|
children | ReactNode | - |
colSpan | number | - |
'col''row''colgroup''rowgroup''col' |
型ベース（内部で固定する一部attrsは除外）: ThHTMLAttributes<HTMLTableCellElement>
TdHTMLAttributes<HTMLTableCellElement>import { Table } from '@k8ordo/ui';<Table.Root>
<Table.Head>
<Table.Row>
<Table.HeaderCell>Feature</Table.HeaderCell>
<Table.HeaderCell>Status</Table.HeaderCell>
<Table.HeaderCell align="right">Coverage</Table.HeaderCell>
</Table.Row>
</Table.Head>
<Table.Body>
<Table.Row interactive>
<Table.Cell>Switch</Table.Cell>
<Table.Cell>Stable</Table.Cell>
<Table.Cell align="right">100%</Table.Cell>
</Table.Row>
</Table.Body>
</Table.Root><Table.Root>
<Table.Head>
<Table.Row>
<Table.HeaderCell>Name</Table.HeaderCell>
<Table.HeaderCell>Role</Table.HeaderCell>
<Table.HeaderCell align="right">Projects</Table.HeaderCell>
</Table.Row>
</Table.Head>
<Table.Body>
<Table.EmptyState colSpan={3}>
No records have been added yet.
</Table.EmptyState>
</Table.Body>
</Table.Root>