# FlociUIContainerResource

- Module: [CommunityToolkit.Aspire.Hosting.Floci](/reference/api/typescript/communitytoolkit.aspire.hosting.floci.md)
- Version: `13.5.0`
- Kind: `handle`
- Source: [GitHub](https://github.com/CommunityToolkit/Aspire/tree/4ff8268fbd97ddd23cb73dc8eff9cc92718156d1)

Resource for the Floci UI web console container. A single UI instance can attach to any combination of Floci cloud resources (AWS, Azure, GCP) -- one created it via `WithFlociUI` (its `Parent`), and any others are attached via `WithReference`.

## Definition

```typescript
interface FlociUIContainerResource
  extends IComputeResource,
    IResource,
    IResourceWithArgs,
    IResourceWithEndpoints,
    IResourceWithEnvironment,
    IResourceWithParent,
    FlociContainerResource]],
    IResourceWithProbes,
    IResourceWithWaitSupport {
  readonly primaryEndpoint: EndpointReference;
  withAwsReference(cloud: FlociAwsContainerResource): FlociUIContainerResource;
  withAzureReference(cloud: FlociAzureContainerResource): FlociUIContainerResource;
  withGcpReference(cloud: FlociGcpContainerResource): FlociUIContainerResource;
  withHostPort(port: number): FlociUIContainerResource;
}
```

## Properties

- `primaryEndpoint`: `EndpointReference` `get` -- Gets the http endpoint for the Floci UI resource.

## Methods

- [withAwsReference](/reference/api/typescript/communitytoolkit.aspire.hosting.floci/flociuicontainerresource/withawsreference.md) -- `method` -- Attaches an additional Floci AWS resource to a Floci UI console
    ```typescript
  withAwsReference(cloud: FlociAwsContainerResource): FlociUIContainerResource
  ```
- [withAzureReference](/reference/api/typescript/communitytoolkit.aspire.hosting.floci/flociuicontainerresource/withazurereference.md) -- `method` -- Attaches an additional Floci Azure resource to a Floci UI console
    ```typescript
  withAzureReference(cloud: FlociAzureContainerResource): FlociUIContainerResource
  ```
- [withGcpReference](/reference/api/typescript/communitytoolkit.aspire.hosting.floci/flociuicontainerresource/withgcpreference.md) -- `method` -- Attaches an additional Floci GCP resource to a Floci UI console
    ```typescript
  withGcpReference(cloud: FlociGcpContainerResource): FlociUIContainerResource
  ```
- [withHostPort](/reference/api/typescript/communitytoolkit.aspire.hosting.floci/flociuicontainerresource/withhostport.md) -- `method` -- Configures the host port that the Floci UI resource is exposed on instead of using a randomly assigned port.
    ```typescript
  withHostPort(port: number): FlociUIContainerResource
  ```