Documentation / Components · Compositions

ResponsiveDetails

Present host-owned details with responsive navigation..

ROM UI 0.1.0-alpha.7 Markdown

Present host-owned details with responsive navigation.

Public import

svelte
<script lang="ts">
  import { ResponsiveDetails } from "rom-ui/ui/components";
  import "rom-studio/styles";
</script>

Composition and responsibility

The host supplies data, callbacks and application policy. The component does not provide persistence or authorization.

Public names: ResponsiveDetails.

Declared props

This declaration comes from the installed package. Imported types retain their upstream meaning.

ts
type Props = {
    open?: boolean;
    onOpenChange?: (open: boolean) => void;
    children: Snippet;
    title: string;
    description: string;
    closeLabel: string;
    label?: string;
    id?: string;
    breakpoint?: string;
    opener?: HTMLElement | null;
    fallbackFocus?: () => void;
    desktopRole?: "region" | "complementary";
    showDesktopHeader?: boolean;
  };

Source and version

ROM UI 0.1.0-alpha.7. Component source.

See the composition guide for host integration boundaries.

This page follows the captured repository source.View the source