# Trigger

Renders a native button that opens popover content.

## Signatures

```ts
export declare function Trigger<const Options extends TriggerOptions, const Host extends HostResult = never>(options: Options, host?: Dom.HostOverride<Dom.RenderHostProps<Options, TriggerInternalProps<Options>>, Options["content"], Host>): Fx<RenderEvent, Renderable.Error<Options | Host>, Renderable.Services<Options | Host> | Scope.Scope | RenderTemplate>;
```

## Why

It preserves button keyboard behavior, native target commands, real DOM
events, and an explicit state fallback when no target id is supplied.

## Ownership and lifetime

Running the Fx owns reactive ARIA state and listeners in its Scope. A custom
host must preserve button type, target props, `aria-expanded`, and handlers.

## Examples

```ts
import { Effect } from "effect"
import * as Popover from "@typed/ui/Popover"

const program = Effect.gen(function* () {
  const state = yield* Popover.makeState()
  return Popover.Trigger({ state, controls: "account", content: "Account" })
})
```