Props

In a sentence

filled gives the identifier a surface, so it survives being surrounded by words. Use it in running text, where the eye has to find the term before reading it.

<p>
  Pass <Code filled>className</Code> and it is merged over the defaults.
</p>

<p>
  The same sentence without <Code>filled</Code>, where the term blends into the line.
</p>

In a column of identifiers

Bare is the default because the common case is a table, where every cell is already an identifier and a surface on each one would be noise. What separates them there is the column, not a fill.

<Code>ElementType</Code>
<Code>boolean</Code>
<Code>props of as</Code>

Muted on purpose

The resting colour is medium, the same secondary text the kit uses everywhere else. An identifier is rarely the sentence — it is the thing the sentence is about — and rendering it at full contrast makes a paragraph read as a list of terms with prose between them.

When the identifier is the subject rather than the reference — the name of the prop a row documents — raise it with a className. Deciding that per column is the point: the component sets the resting state, the call site says which one matters.

The typeface is declared, not inherited

The monospace comes from the component, not from the browser. A code element is styled by the reset with the default mono family, which works until the element is rendered as something else: with as pointing at a span the reset no longer applies, and an identifier would quietly become prose.