docs: add data-readonly and correct field color example (#3413)

This commit is contained in:
Ephraim Duncan
2026-10-01 13:22:11 +10:00
committed by GitHub
parent f4105e47eb
commit 15e86bbfc8
@@ -149,6 +149,7 @@ Fields expose data attributes for state-based styling:
| `[data-field-type]` | `SIGNATURE`, `TEXT`, `CHECKBOX`, `RADIO`, etc. | The type of field |
| `[data-inserted]` | `true`, `false` | Whether the field has been filled |
| `[data-validate]` | `true`, `false` | Whether the field is being validated |
| `[data-readonly]` | `true`, `false` | Whether the field is read-only |
### Example
@@ -160,7 +161,7 @@ Fields expose data attributes for state-based styling:
/* Style filled fields */
.field--FieldRootContainer[data-inserted='true'] {
background-color: var(--primary);
background-color: hsl(var(--primary));
opacity: 0.2;
}