## Feature Examples
### Subtitle
- description: Additional information, like user email or address can be inserted to subtitle area.
- example:
```jsx
() => {
return (
);
};
```
### Suffix
- description: Component has a suffix area. If plain text or icon is inserted, component automatically inverts the color when selected.
- example:
```jsx
() => {
return (
);
};
```
### Sizes
- description: The component supports 2 text sizes - medium (default) and small.
- example:
```jsx
() => {
return (
);
};
```
### Text cropping
- description: By default component wraps the text. If needed it can be configured to show ellipsis and display full value on hover.
- example:
```jsx
() => {
return (
);
};
```
### Advanced Example
- description: All properties work together and can be combined in various ways. It can be rendered as standalone or as part of dropdown.
- example:
```jsx
() => {
return (
);
};
```