SheetXL - v0.8.0-beta.9+sites.210.e2d420901
    Preparing search index...

    Interface HyperlinkLayerProps

    Props for HyperlinkLayer.

    interface HyperlinkLayerProps {
        className?: string;
        offset?: number;
        onBlur?: (event: FocusEvent) => void;
        onContextMenu?: (event: MouseEvent) => void;
        onDoubleClick?: (event: MouseEvent) => void;
        onFocus?: (event: FocusEvent) => void;
        onKeyDown?: (event: KeyboardEvent) => void;
        onKeyPress?: (event: KeyboardEvent) => void;
        onKeyUp?: (event: KeyboardEvent) => void;
        onMouseDown?: (event: MouseEvent) => void;
        onMouseEnter?: (event: MouseEvent) => void;
        onMouseLeave?: (event: MouseEvent) => void;
        onMouseMove?: (event: MouseEvent) => void;
        onMouseOut?: (event: MouseEvent) => void;
        onMouseOver?: (event: MouseEvent) => void;
        onMouseUp?: (event: MouseEvent) => void;
        onPointerDown?: (event: PointerEvent) => void;
        onPointerLeave?: (event: PointerEvent) => void;
        onPointerMove?: (event: PointerEvent) => void;
        onPointerUp?: (event: PointerEvent) => void;
        placement?: GridPlacement;
        preview?: LinkPreviewLookup;
        renderCard?: (props: HyperlinkCardRenderProps) => ReactNode;
        sheet: ISheet;
        style?: CSSProperties;
        zIndex?: number;
    }

    Hierarchy

    • Omit<LayerProps, "children">
      • HyperlinkLayerProps
    Index
    className? offset? onBlur? onContextMenu? onDoubleClick? onFocus? onKeyDown? onKeyPress? onKeyUp? onMouseDown? onMouseEnter? onMouseLeave? onMouseMove? onMouseOut? onMouseOver? onMouseUp? onPointerDown? onPointerLeave? onPointerMove? onPointerUp? placement? preview? renderCard? sheet style? zIndex?
    className?: string

    Class for the layer's boundary div (devtools identification).

    offset?: number

    Gap (px) between the cell and the card.

    4
    onBlur?: (event: FocusEvent) => void
    onContextMenu?: (event: MouseEvent) => void
    onDoubleClick?: (event: MouseEvent) => void
    onFocus?: (event: FocusEvent) => void
    onKeyDown?: (event: KeyboardEvent) => void
    onKeyPress?: (event: KeyboardEvent) => void
    onKeyUp?: (event: KeyboardEvent) => void
    onMouseDown?: (event: MouseEvent) => void
    onMouseEnter?: (event: MouseEvent) => void
    onMouseLeave?: (event: MouseEvent) => void
    onMouseMove?: (event: MouseEvent) => void
    onMouseOut?: (event: MouseEvent) => void
    onMouseOver?: (event: MouseEvent) => void
    onMouseUp?: (event: MouseEvent) => void
    onPointerDown?: (event: PointerEvent) => void
    onPointerLeave?: (event: PointerEvent) => void
    onPointerMove?: (event: PointerEvent) => void
    onPointerUp?: (event: PointerEvent) => void
    placement?: GridPlacement

    Where the card attaches.

    { side: 'b', align: 'start' }

    preview?: LinkPreviewLookup

    Looks up a preview of the linked page to show under the actions. Off by default: it is a request to a third party per hovered web link. linkPreviewMicrolink (the page's social card) and linkPreviewMShots (a screenshot) are two free ones; results are kept per address for the session.

    renderCard?: (props: HyperlinkCardRenderProps) => ReactNode

    The card.

    the plain card: address · copy · edit · remove
    sheet: ISheet
    style?: CSSProperties

    Style for the layer's boundary div — e.g. display: 'none' or opacity to hide or fade a layer. The boundary's own placement (position, inset, pointer-events: none) comes from the grid; overriding it here breaks the layer's containment.

    zIndex?: number

    Explicit stacking override, read by normalizeLayers off the grid-child element to sort the layer list (higher sorts later = on top; omitted ⇒ declaration order). It is honored ONLY at the grid-children level — the layer's actual dispatch slot always comes from the resulting order index (via LayerOrderContext), never from this raw number, so paint order and event order can never disagree.

    Settings
    Member Visibility

    On This Page
    Properties