> ## Documentation Index
> Fetch the complete documentation index at: https://velt-mintlify-40d8baa1.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
# Inline Comments Section Wireframes
> Wireframe components for building custom Inline Comments Section interfaces with maximum flexibility.
We recommend that you familiarize yourselves with [UI Customization Concepts](/ui-customization/overview) before attempting to modify any components.
## VeltInlineCommentsSectionWireframe
```jsx theme={null}
```
```html theme={null}
```
### Skeleton
```jsx theme={null}
```
```html theme={null}
```
### Panel
```jsx theme={null}
```
```html theme={null}
```
#### ComposerContainer
```jsx theme={null}
```
```html theme={null}
```
##### **VeltCommentDialogWireframe.Composer**
You can find the wireframe for the `Comment Dialog Composer` [here](/ui-customization/features/async/comments/comment-dialog/wireframes#composer).
#### SortingDropdown
```jsx theme={null}
```
```html theme={null}
```
##### **Trigger**
```jsx theme={null}
```
```html theme={null}
```
##### **Name**
```jsx theme={null}
```
```html theme={null}
```
##### **Icon**
```jsx theme={null}
```
```html theme={null}
```
##### **Content**
```jsx theme={null}
```
```html theme={null}
```
##### **Item**
```jsx theme={null}
```
```html theme={null}
```
#### FilterDropdown (Panel)
```jsx theme={null}
```
```html theme={null}
```
##### **Trigger (Panel FilterDropdown)**
```jsx theme={null}
```
```html theme={null}
```
##### **Arrow (Panel FilterDropdown Trigger)**
```jsx theme={null}
```
```html theme={null}
```
##### **Name (Panel FilterDropdown Trigger)**
```jsx theme={null}
```
```html theme={null}
```
##### **Content (Panel FilterDropdown)**
```jsx theme={null}
```
```html theme={null}
```
##### **List (Panel FilterDropdown Content)**
```jsx theme={null}
```
```html theme={null}
```
##### **Item (Panel FilterDropdown Content List)**
```jsx theme={null}
```
```html theme={null}
```
##### **Label (Panel FilterDropdown Content List Item)**
```jsx theme={null}
```
```html theme={null}
```
##### **Checkbox (Panel FilterDropdown Content List Item)**
```jsx theme={null}
```
```html theme={null}
```
##### **ApplyButton (Panel FilterDropdown Content)**
```jsx theme={null}
```
```html theme={null}
```
#### CommentCount
```jsx theme={null}
```
```html theme={null}
```
#### List
```jsx theme={null}
```
```html theme={null}
```
##### **VeltCommentDialogWireframe**
You can find the wireframe for the `Comment Dialog` [here](/ui-customization/features/async/comments/comment-dialog/wireframes).
## Pre-defined Variants
Here are the pre-deinfed variants:
1. `dialog-variant`: Use this to customize the `Comment Dialog` that appears within the `Inline Comments Section` component.
2. `variant`: Use this to customize the entire `Inline Comments Section` component itself.
3. `composer-variant`: Use this to customize the main Composer that appears within the `Inline Comments Section` component.
Learn more about Variants [here](/ui-customization/layout#variants)
```jsx React / Next.js theme={null}
```
```HTML theme={null}
```