## Mentions
### Semantic Parts
- root（`semantic-mark-root`）: Root element, set inline flex layout, relative positioning, padding and border styles
- textarea（`semantic-mark-textarea`）: Textarea element, set font, line height, text input and background styles
- popup（`semantic-mark-popup`）: Popup element, set absolute positioning, z-index, background color, border radius, shadow and dropdown options styles
- suffix（`semantic-mark-suffix`）: Suffix element with layout and styling for suffix content like clear button, etc.
### Usage Example
```tsx
```
### Abstract DOM Structure
```html
```