> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# BannerContainer Bottom Banner

> BannerContainer bottom banner component documentation. Learn how to place fixed banner content at the bottom of a page, including property descriptions and usage examples.

The bottom banner component lets you add content at the bottom of a page. The content is fixed to the page bottom and spans the full width.

## When to Use

* When you need to add content at the bottom of a page, such as copyright information.

## Component Example

## Component Properties

| Property          | Description                                           | Type                      | Default |
| ----------------- | ----------------------------------------------------- | ------------------------- | ------- |
| `autoWidth`       | Whether to enable adaptive width                      | `boolean`                 | `false` |
| `containerWidth`  | Container width in px or %, for example, 100px or 50% | `string`                  | -       |
| `contentWidth`    | Content width in px or %, for example, 100px or 50%   | `string`                  | -       |
| `extra`           | Custom content                                        | `ReactNode`               | -       |
| `getRefContainer` | Custom mount container                                | `() => React.HTMLElement` | -       |
| `layout`          | Layout mode: `h` for horizontal, `v` for vertical     | `'h' \| 'v'`              | `'h'`   |