# RedPandaServerResource.withKafkaUI

- Module: [CommunityToolkit.Aspire.Hosting.RedPanda](/reference/api/typescript/communitytoolkit.aspire.hosting.redpanda.md)
- Defined on: [RedPandaServerResource](/reference/api/typescript/communitytoolkit.aspire.hosting.redpanda/redpandaserverresource.md)
- Version: `13.5.0`
- Kind: `method`

Adds a Kafka UI container to the application, configured to connect to the Redpanda broker. This is the same Kafka management UI (the `kafbat/kafka-ui` image) used by the official Aspire Kafka integration, so it works against any Kafka API compatible broker.

## Definition

```typescript
interface RedPandaServerResource {
  // ... omitted for brevity
  withKafkaUI(configureContainer?: (obj: RedPandaKafkaUiContainerResource) => Promise<void>, containerName?: string): RedPandaServerResource;
}
```

## Signature

```typescript
withKafkaUI(configureContainer?: (obj: RedPandaKafkaUiContainerResource) => Promise<void>, containerName?: string): RedPandaServerResource
```

## Parameters

- `configureContainer` (`(obj: RedPandaKafkaUiContainerResource) => Promise<void>`) `optional`
- `containerName` (`string`) `optional`

## Returns

[RedPandaServerResource](/reference/api/typescript/communitytoolkit.aspire.hosting.redpanda/redpandaserverresource.md) `builder`

## Defined on

- [RedPandaServerResource](/reference/api/typescript/communitytoolkit.aspire.hosting.redpanda/redpandaserverresource.md) -- `handle`