> For the complete documentation index, see [llms.txt](https://developer.usemultiplier.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://developer.usemultiplier.com/multiplier-embed-sdks/components/watermark.md).

# Watermark

The `Watermark` component displays a "Powered by Multiplier" label with the Multiplier logo. Use it to brand embedded flows when rendering onboarding or offboarding inside your application.

### Basic Usage

Render the component where you want the branding to appear (e.g. in a header or footer).

```tsx
import { Watermark } from '@Multiplier-Core/partner-sdk-react';

<Watermark />
```

### Onboarding

To show the Watermark in the onboarding header (typically in the cancel/exit area), pass it to the `renderCancelOnboarding` prop of `EmployeeOnboarding.Container`.

```tsx
import { EmployeeOnboarding, Watermark } from '@Multiplier-Core/partner-sdk-react';

<EmployeeOnboarding.Container
  renderCancelOnboarding={() => <Watermark />}
/>
```

### Offboarding

Offboarding does not provide a dedicated slot for the Watermark. Wrap the flow in a parent layout and place the Watermark in your own header.

```tsx
import { EmployeeOffboarding, Watermark } from '@Multiplier-Core/partner-sdk-react';

<div className="offboarding-page">
  <header>
    <Watermark />
  </header>
  <EmployeeOffboarding.Container
    contractId="abc-123"
    onComplete={(result) => console.log(result)}
    onCancel={() => {}}
    onError={(error) => console.error(error)}
  />
</div>
```

### Props

| **Prop**    | **Type**          | **Description**                                                                                            |
| ----------- | ----------------- | ---------------------------------------------------------------------------------------------------------- |
| `text`      | `React.ReactNode` | Override the "Powered by" label.                                                                           |
| `className` | `string`          | CSS class for the root container (e.g. layout or positioning). Merged with `multiplier-common__watermark`. |

### ClassNames

The following class names are applied to the Watermark DOM for styling or testing:

| **Class name**                      | **Element**  | **Description**                                   |
| ----------------------------------- | ------------ | ------------------------------------------------- |
| `multiplier-common__watermark`      | Root div     | Root container (your `className` is merged here). |
| `multiplier-common__watermark-text` | Span         | Wraps the "Powered by" (or custom) text.          |
| `multiplier-common__watermark-logo` | Icon wrapper | Wraps the Multiplier logo.                        |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://developer.usemultiplier.com/multiplier-embed-sdks/components/watermark.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.