> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cdp.coinbase.com/llms.txt
> Use this file to discover all available pages before exploring further.

# SignOutButtonProps

Props for the SignOutButton component.

## See

[SignOutButton](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Components/SignOutButton)

## Extends

* [`ButtonProps`](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Interfaces/ButtonProps)

## Properties

| Property                                | Type                                                                                         | Description                                                                              | Overrides              | Inherited from                                                                                                                                                                              |
| --------------------------------------- | -------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <a id="children" /> `children?`         | `ReactNode`                                                                                  | The children to render inside the button.                                                | `ButtonProps.children` | -                                                                                                                                                                                           |
| <a id="onsuccess" /> `onSuccess?`       | () => `void`                                                                                 | A function to call when the sign-out is successful.                                      | -                      | -                                                                                                                                                                                           |
| <a id="pendinglabel" /> `pendingLabel?` | `ReactNode`                                                                                  | A label to render when the button state is pending.                                      | -                      | [`ButtonProps`](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Interfaces/ButtonProps).[`pendingLabel`](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Interfaces/ButtonProps#pendinglabel) |
| <a id="variant" /> `variant?`           | [`ButtonVariant`](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Type-Aliases/ButtonVariant) | The variant of the button. Defaults to "primary".                                        | -                      | [`ButtonProps`](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Interfaces/ButtonProps).[`variant`](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Interfaces/ButtonProps#variant)           |
| <a id="aschild" /> `asChild?`           | `boolean`                                                                                    | Set to true to use a custom element or component in place of the default button element. | -                      | [`ButtonProps`](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Interfaces/ButtonProps).[`asChild`](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Interfaces/ButtonProps#aschild)           |
| <a id="fullwidth" /> `fullWidth?`       | `boolean`                                                                                    | Whether the button should be full width.                                                 | -                      | [`ButtonProps`](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Interfaces/ButtonProps).[`fullWidth`](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Interfaces/ButtonProps#fullwidth)       |
| <a id="ispending" /> `isPending?`       | `boolean`                                                                                    | Whether the button state is pending.                                                     | -                      | [`ButtonProps`](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Interfaces/ButtonProps).[`isPending`](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Interfaces/ButtonProps#ispending)       |
| <a id="size" /> `size?`                 | [`ButtonSize`](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Type-Aliases/ButtonSize)       | The size of the button. Defaults to "md".                                                | -                      | [`ButtonProps`](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Interfaces/ButtonProps).[`size`](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Interfaces/ButtonProps#size)                 |