
```jsx
import { CListGroup } from '@coreui/react'
// or
import CListGroup from '@coreui/react/src/components/list-group/CListGroup'
```

| Property | Description | Type | Default |
| --- | --- | --- | --- |
| **as** | Component used for the root node. Either a string to use a HTML element or a component. | `(ElementType & 'symbol')` \| `(ElementType & 'object')` \| `(ElementType & 'ul')` \| `(ElementType & 'slot')` \| `(ElementType & 'style')` \| `... 174 more ...` \| `(ElementType & FunctionComponent<...>)` | - |
| **className** | A string of all className you want applied to the component. | `string` | - |
| **flush** | Remove some borders and rounded corners to render list group items edge-to-edge in a parent component (e.g., `<CCard>`). | `boolean` | - |
| **layout** | Specify a layout type. | `'horizontal'` \| `'horizontal-sm'` \| `'horizontal-md'` \| `'horizontal-lg'` \| `'horizontal-xl'` \| `'horizontal-xxl'` | - |
