- React

## Examples

### Basic

### Read Only

### Expanded

### Read only expanded

### Read only expanded by default

### Expanded with array

### JSON object (wrap code with pre)

### Inline compact

### Inline compact code

### Inline compact with additional action

### Inline compact in sentence

### Inline compact with truncation

You can control the truncation for an `inline-compact` variant by passing the `truncation` property. The following example shows the different ways to use the property: passing a boolean will apply default truncation, while passing an object of `TruncateProps` offers more fine-tuned control over the truncation behavior.

##
CSS variables