Displays a value inside a “Chip”, which is MUI’s term for a label.


The <ChipField> component accepts the usual className prop. You can also override many styles of the inner components thanks to the sx property (as most MUI components, see their documentation about it). This property accepts the following subclasses:

Rule name Description
&.RaChipField-chip Applied to the underlying MUI’s Chip component

To override the style of all instances of <ChipField> using the MUI style overrides, use the RaChipField key.


import { ChipField } from 'react-admin';

<ChipField source="category" />


This field type is especially useful for one to many relationships, e.g. to display a list of books for a given author:

import { ChipField, SingleFieldList, ReferenceManyField } from 'react-admin';

<ReferenceManyField reference="books" target="author_id">
        <ChipField source="title" />

Any additional props are passed to MUI’s <Chip> element. Check The MUI <Chip> documentation for details.