ReadOnly

ReadOnly state is used for content that is valid but cannot be changed. Should be accompanied by a label or HelperText that describes why it cannot be changed here. Leading/trailing icon is allowed but not clickable action. The component can be focused and text