> ## Documentation Index
> Fetch the complete documentation index at: https://dynamic-docs-feat-sidebar-revamp.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# DynamicConnectButton

## Settings

Settings available when you first initialize `DynamicWidget` in your App.

| Method                            | Description                                                                                      |
| --------------------------------- | ------------------------------------------------------------------------------------------------ |
| buttonContainerClassName: string; | This is an optional component passed in to DynamicConnectButton.                                 |
| buttonClassName: string;          | Specifies the type of display used when a user clients on the Dynamic Widget. Defaults to modal. |
| children: ReactNode;              | React components to be passed as children of the DynamicConnectButton                            |

## Examples

#### Add children

```TypeScript
const children = (
  <div data-testid='exampleChild'>Connect a new wallet!</div>
) as React.ReactElement;

export const LoginView = () => (
  <DynamicConnectButton>{children}</DynamicConnectButton>
);
```