# Elements and component types Pibbl components are synchronous functions over a branded recursive element protocol. Component pages describe each runtime value; this page owns their type contracts and the pure `create*Path` option objects. ## AbsoluteProps `AbsoluteProps` accepts recursive `PibblNode` children for `Absolute`. ## ArcPathOptions `ArcPathOptions` supplies numeric radius, center, radian sweep, and optional direction to `createArcPath`; invalid numeric structure throws `RangeError`. ## ArcProps `ArcProps` is the public input for the open, stroke-only `Arc` component. ## CirclePathOptions `CirclePathOptions` supplies a nonnegative numeric radius and optional center to `createCirclePath`. ## CircleProps `CircleProps` is the public input for the `Circle` drawing component. ## ClipProps `ClipProps` supplies a `Path2D`, fill rule, and recursive `PibblNode` children to `Clip`. ## EllipsePathOptions `EllipsePathOptions` supplies numeric nonnegative radii, optional center, and finite radian rotation to `createEllipsePath`. ## EllipseProps `EllipseProps` is the public input for the rotated `Ellipse` component. ## FocusManagementProps `FocusManagementProps` wraps one recursive `PibblNode` subtree and enables logical Canvas focus without generating semantic DOM. ## GroupProps `GroupProps` accepts recursive `PibblNode` children for transformed composition. ## HorizontalLineProps `HorizontalLineProps` is the public input for the allocation-aware horizontal line helper. ## ImageProps `ImageProps` is the public input for the browser-decoded `Image` component. ## KeyboardNavigationProps `KeyboardNavigationProps` wraps recursive `PibblNode` children in a transparent directional-navigation boundary inside focus management. ## LayerProps `LayerProps` accepts recursive `PibblNode` children for a persistent offscreen Pibbl instance; browser `OffscreenCanvas` support is required. ## LinePathOptions `LinePathOptions` supplies finite numeric coordinates and optional `closePath` to `createLinePath`. ## LineProps `LineProps` is the public input for the ordered polyline `Line` component. ## OverlayProps `OverlayProps` accepts recursive `PibblNode` children for shared-box placement. ## PathProps `PathProps` requires a caller-owned `Path2D` for the `Path` drawing component. ## PibblComponent `PibblComponent

` is a synchronous `(props: P) => PibblNode | void` function. Components do not return promises and use normal function identity for runtime state ownership. ## PibblContainerChild `PibblContainerChild` aliases the recursive node contract accepted by container components such as `Group`, `Layer`, and the layout components. ## PibblElement `PibblElement

` is Pibbl's immutable branded descriptor with a component `type`, readonly `props`, and an optional normalized key. Construct it with JSX or `createElement`, not object literals. ## PibblElementType `PibblElementType

` is the supported vocabulary of synchronous Pibbl component types accepted by element construction. ## PibblEmptyNode `PibblEmptyNode` is `false | true | null | undefined | "" | 0`. These values render no Pibbl output inside a recursive node structure. ## PibblKey `PibblKey` is `string | number`; element construction normalizes it to a string and never delivers it through component props. ## PibblNode `PibblNode` is one element, an empty node, a recursive readonly array, or a finite synchronous iterable. Infinite iterables are unsupported. ## PibblNodeInput `PibblNodeInput` is the component-owned authoring grammar for structural children and component results. It accepts `PibblNode`, direct signals that replace one complete resolved node structure, and recursive arrays or finite iterables containing those inputs. Signal results are resolved one level only. ## PibblPhysics2DPropExtension `PibblPhysics2DPropExtension` is the empty declaration-merging base used by the optional official 2D physics module to type supported Canvas component props. ## PibblPrimitiveComponent `PibblPrimitiveComponent` is the capability-bearing component type created by `definePrimitive` for platform/component-library authors. ## PibblRenderResult `PibblRenderResult` is `PibblNode | void`, the output permitted from a synchronous Pibbl component. ## PibblTextChild `PibblTextChild` is recursive textual content for `Text`: strings, numbers, booleans, nullish values, readonly arrays, and finite synchronous iterables. ## PibblTextInput `PibblTextInput` is the `Text` authoring grammar. It accepts `PibblTextChild`, direct signals that replace one complete resolved text structure, and recursive arrays or finite iterables containing those inputs. It does not unwrap signals inside a structure returned by another signal. ## PolygonPathOptions `PolygonPathOptions` supplies finite numeric coordinates and optional numeric corner radii to `createPolygonPath`. ## PolygonProps `PolygonProps` is the public input for the closed numeric-coordinate polygon. ## RectanglePathOptions `RectanglePathOptions` supplies signed numeric dimensions, optional position, and numeric corner radii to `createRectanglePath`. ## RectangleProps `RectangleProps` is the public input for the local rectangle component. ## RegularPolygonNumericSize `RegularPolygonNumericSize` is the exact-one numeric size union for generated regular polygon paths: circumradius, inradius, or side length. ## RegularPolygonPathOptions `RegularPolygonPathOptions` combines integer sides, one numeric size mode, optional position/rotation, and numeric corner options for the pure creator. ## RegularPolygonPathPosition `RegularPolygonPathPosition` supplies the optional numeric center and rotation shared by regular-polygon path construction. ## RegularPolygonProps `RegularPolygonProps` is the public input for the generated regular polygon. ## RoundedCornerPathOptions `RoundedCornerPathOptions` supplies numeric `cornerRadius` and `cornerRadii` for the pure rectangle and polygon path constructors. ## StarPathOptions `StarPathOptions` supplies integer points, ordered nonnegative radii, optional position/rotation, and numeric corners to `createStarPath`. ## StarProps `StarProps` is the public input for the generated concave `Star` component. ## SvgPathOptions `SvgPathOptions` supplies SVG `d` text to the browser-parsed pure path creator. ## SvgPathProps `SvgPathProps` is the public input for browser-parsed `SvgPath` geometry. ## TextFit `TextFit` describes the supported local text fitting behavior; text shaping, rasterization, and measurement remain browser behavior. ## TextProps `TextProps` accepts recursive `PibblTextChild` content and the local text style. ## VerticalLineProps `VerticalLineProps` is the public input for the allocation-aware vertical line. ## WedgePathOptions `WedgePathOptions` supplies numeric circular-sweep values to the center-closed `createWedgePath` function. ## WedgeProps `WedgeProps` is the public input for the center-closed `Wedge` component. ## API details from source ### PibblPhysics2DPropExtension Empty declaration-merging base for the optional official 2D physics package. ```ts interface PibblPhysics2DPropExtension ``` Related API: [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension). #### See also [PrimitiveInput](/reference/types/styles/#primitiveinput) [ArcProps](/reference/types/elements-components/#arcprops) [CircleProps](/reference/types/elements-components/#circleprops) [EllipseProps](/reference/types/elements-components/#ellipseprops) [View source — packages/core/src/lib/types.ts:89](/source/packages/core/src/lib/types-ts/#L89) #### Properties and methods

physics (optional) ```ts readonly physics?: PibblPhysicsAttachment2D | undefined ``` Related API: [PibblPhysicsAttachment2D](/reference/types/physics-2d/#pibblphysicsattachment2d). [View source — packages/core/src/features/physics/lib/2d/types.ts:321](/source/packages/core/src/features/physics/lib/2d/types-ts/#L321)
### ArcProps Authored inputs for Arc, including the declared data and presentation options. ```ts interface ArcProps extends PibblEventHandlers, PibblEventFocusOptions, PibblEventParticipationOptions, PibblPhysics2DPropExtension ``` Related API: [ArcProps](/reference/types/elements-components/#arcprops), [PibblEventHandlers](/reference/types/events/#pibbleventhandlers), [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions), [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension). #### See also [PibblEventHandlers](/reference/types/events/#pibbleventhandlers) [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions) [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension) [Arc](/reference/components/arc/) [View source — packages/core/src/lib/components/arc.ts:42](/source/packages/core/src/lib/components/arc-ts/#L42) #### Properties and methods
pointerEvents (optional) ```ts readonly pointerEvents?: PibblPointerEvents | undefined ``` Related API: [PibblPointerEvents](/reference/types/events/#pibblpointerevents). Whether this content participates in pointer targeting. See PibblPointerEvents. [View source — packages/core/src/lib/events/types.ts:126](/source/packages/core/src/lib/events/types-ts/#L126)
keyboardFocusable (optional) ```ts readonly keyboardFocusable?: boolean | undefined ``` Whether the target may receive keyboard focus. See PibblEventFocusOptions. [View source — packages/core/src/lib/events/types.ts:137](/source/packages/core/src/lib/events/types-ts/#L137)
keyboardNavigationBounds (optional) ```ts readonly keyboardNavigationBounds?: Readonly | undefined ``` Related API: [LayoutBox](/reference/types/layout/#layoutbox). Logical rectangle used for directional keyboard navigation. See LayoutBox. [View source — packages/core/src/lib/events/types.ts:139](/source/packages/core/src/lib/events/types-ts/#L139)
physics (optional) ```ts readonly physics?: PibblPhysicsAttachment2D | undefined ``` Related API: [PibblPhysicsAttachment2D](/reference/types/physics-2d/#pibblphysicsattachment2d). [View source — packages/core/src/features/physics/lib/2d/types.ts:321](/source/packages/core/src/features/physics/lib/2d/types-ts/#L321)
### CircleProps Authored inputs for Circle, including the declared data and presentation options. ```ts interface CircleProps extends PibblEventHandlers, PibblEventFocusOptions, PibblEventParticipationOptions, PibblPhysics2DPropExtension ``` Related API: [CircleProps](/reference/types/elements-components/#circleprops), [PibblEventHandlers](/reference/types/events/#pibbleventhandlers), [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions), [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension). #### See also [PibblEventHandlers](/reference/types/events/#pibbleventhandlers) [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions) [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension) [Circle](/reference/components/circle/) [View source — packages/core/src/lib/components/circle.ts:37](/source/packages/core/src/lib/components/circle-ts/#L37) #### Properties and methods
pointerEvents (optional) ```ts readonly pointerEvents?: PibblPointerEvents | undefined ``` Related API: [PibblPointerEvents](/reference/types/events/#pibblpointerevents). Whether this content participates in pointer targeting. See PibblPointerEvents. [View source — packages/core/src/lib/events/types.ts:126](/source/packages/core/src/lib/events/types-ts/#L126)
keyboardFocusable (optional) ```ts readonly keyboardFocusable?: boolean | undefined ``` Whether the target may receive keyboard focus. See PibblEventFocusOptions. [View source — packages/core/src/lib/events/types.ts:137](/source/packages/core/src/lib/events/types-ts/#L137)
keyboardNavigationBounds (optional) ```ts readonly keyboardNavigationBounds?: Readonly | undefined ``` Related API: [LayoutBox](/reference/types/layout/#layoutbox). Logical rectangle used for directional keyboard navigation. See LayoutBox. [View source — packages/core/src/lib/events/types.ts:139](/source/packages/core/src/lib/events/types-ts/#L139)
physics (optional) ```ts readonly physics?: PibblPhysicsAttachment2D | undefined ``` Related API: [PibblPhysicsAttachment2D](/reference/types/physics-2d/#pibblphysicsattachment2d). [View source — packages/core/src/features/physics/lib/2d/types.ts:321](/source/packages/core/src/features/physics/lib/2d/types-ts/#L321)
### ClipProps Authored inputs for Clip, including the declared data and presentation options. ```ts interface ClipProps extends PibblStructuralEventProps ``` Related API: [ClipProps](/reference/types/elements-components/#clipprops). #### See also [PibblNodeInput](/reference/types/elements-components/#pibblnodeinput) [Clip](/reference/components/clip/) [View source — packages/core/src/lib/components/clip.ts:24](/source/packages/core/src/lib/components/clip-ts/#L24) #### Properties and methods
children ```ts children: PibblNodeInput ``` Related API: [PibblNodeInput](/reference/types/elements-components/#pibblnodeinput). Descendant content or the callback that supplies it. See PibblNodeInput. [View source — packages/core/src/lib/components/clip.ts:26](/source/packages/core/src/lib/components/clip-ts/#L26)
### EllipseProps Authored inputs for Ellipse, including the declared data and presentation options. ```ts interface EllipseProps extends PibblEventHandlers, PibblEventFocusOptions, PibblEventParticipationOptions, PibblPhysics2DPropExtension ``` Related API: [EllipseProps](/reference/types/elements-components/#ellipseprops), [PibblEventHandlers](/reference/types/events/#pibbleventhandlers), [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions), [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension). #### See also [PibblEventHandlers](/reference/types/events/#pibbleventhandlers) [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions) [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension) [Ellipse](/reference/components/ellipse/) [View source — packages/core/src/lib/components/ellipse.ts:37](/source/packages/core/src/lib/components/ellipse-ts/#L37) #### Properties and methods
pointerEvents (optional) ```ts readonly pointerEvents?: PibblPointerEvents | undefined ``` Related API: [PibblPointerEvents](/reference/types/events/#pibblpointerevents). Whether this content participates in pointer targeting. See PibblPointerEvents. [View source — packages/core/src/lib/events/types.ts:126](/source/packages/core/src/lib/events/types-ts/#L126)
keyboardFocusable (optional) ```ts readonly keyboardFocusable?: boolean | undefined ``` Whether the target may receive keyboard focus. See PibblEventFocusOptions. [View source — packages/core/src/lib/events/types.ts:137](/source/packages/core/src/lib/events/types-ts/#L137)
keyboardNavigationBounds (optional) ```ts readonly keyboardNavigationBounds?: Readonly | undefined ``` Related API: [LayoutBox](/reference/types/layout/#layoutbox). Logical rectangle used for directional keyboard navigation. See LayoutBox. [View source — packages/core/src/lib/events/types.ts:139](/source/packages/core/src/lib/events/types-ts/#L139)
physics (optional) ```ts readonly physics?: PibblPhysicsAttachment2D | undefined ``` Related API: [PibblPhysicsAttachment2D](/reference/types/physics-2d/#pibblphysicsattachment2d). [View source — packages/core/src/features/physics/lib/2d/types.ts:321](/source/packages/core/src/features/physics/lib/2d/types-ts/#L321)
### GroupProps Authored inputs for Group, including the declared data and presentation options. ```ts interface GroupProps extends PibblStructuralEventProps, PibblPhysics2DPropExtension ``` Related API: [GroupProps](/reference/types/elements-components/#groupprops), [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension). #### See also [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension) [PibblNodeInput](/reference/types/elements-components/#pibblnodeinput) [Group](/reference/components/group/) [View source — packages/core/src/lib/components/g.ts:28](/source/packages/core/src/lib/components/g-ts/#L28) #### Properties and methods
children ```ts children: PibblNodeInput ``` Related API: [PibblNodeInput](/reference/types/elements-components/#pibblnodeinput). Descendant content or the callback that supplies it. See PibblNodeInput. [View source — packages/core/src/lib/components/g.ts:30](/source/packages/core/src/lib/components/g-ts/#L30)
physics (optional) ```ts readonly physics?: PibblPhysicsAttachment2D | undefined ``` Related API: [PibblPhysicsAttachment2D](/reference/types/physics-2d/#pibblphysicsattachment2d). [View source — packages/core/src/features/physics/lib/2d/types.ts:321](/source/packages/core/src/features/physics/lib/2d/types-ts/#L321)
### HorizontalLineProps Authored inputs for HorizontalLine, including the declared data and presentation options. ```ts interface HorizontalLineProps extends PibblEventHandlers, PibblEventFocusOptions, PibblEventParticipationOptions, PibblPhysics2DPropExtension ``` Related API: [HorizontalLineProps](/reference/types/elements-components/#horizontallineprops), [PibblEventHandlers](/reference/types/events/#pibbleventhandlers), [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions), [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension). #### See also [PibblEventHandlers](/reference/types/events/#pibbleventhandlers) [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions) [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension) [HorizontalLine](/reference/components/horizontal-line/) [View source — packages/core/src/lib/components/horizontal-line.ts:36](/source/packages/core/src/lib/components/horizontal-line-ts/#L36) #### Properties and methods
pointerEvents (optional) ```ts readonly pointerEvents?: PibblPointerEvents | undefined ``` Related API: [PibblPointerEvents](/reference/types/events/#pibblpointerevents). Whether this content participates in pointer targeting. See PibblPointerEvents. [View source — packages/core/src/lib/events/types.ts:126](/source/packages/core/src/lib/events/types-ts/#L126)
keyboardFocusable (optional) ```ts readonly keyboardFocusable?: boolean | undefined ``` Whether the target may receive keyboard focus. See PibblEventFocusOptions. [View source — packages/core/src/lib/events/types.ts:137](/source/packages/core/src/lib/events/types-ts/#L137)
keyboardNavigationBounds (optional) ```ts readonly keyboardNavigationBounds?: Readonly | undefined ``` Related API: [LayoutBox](/reference/types/layout/#layoutbox). Logical rectangle used for directional keyboard navigation. See LayoutBox. [View source — packages/core/src/lib/events/types.ts:139](/source/packages/core/src/lib/events/types-ts/#L139)
physics (optional) ```ts readonly physics?: PibblPhysicsAttachment2D | undefined ``` Related API: [PibblPhysicsAttachment2D](/reference/types/physics-2d/#pibblphysicsattachment2d). [View source — packages/core/src/features/physics/lib/2d/types.ts:321](/source/packages/core/src/features/physics/lib/2d/types-ts/#L321)
### ImageProps Authored inputs for Image, including the declared data and presentation options. ```ts interface ImageProps extends PibblEventHandlers, PibblEventFocusOptions, PibblEventParticipationOptions, PibblPhysics2DPropExtension ``` Related API: [ImageProps](/reference/types/elements-components/#imageprops), [PibblEventHandlers](/reference/types/events/#pibbleventhandlers), [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions), [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension). #### See also [PibblEventHandlers](/reference/types/events/#pibbleventhandlers) [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions) [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension) [Image](/reference/components/image/) [View source — packages/core/src/lib/components/img.ts:36](/source/packages/core/src/lib/components/img-ts/#L36) #### Properties and methods
pointerEvents (optional) ```ts readonly pointerEvents?: PibblPointerEvents | undefined ``` Related API: [PibblPointerEvents](/reference/types/events/#pibblpointerevents). Whether this content participates in pointer targeting. See PibblPointerEvents. [View source — packages/core/src/lib/events/types.ts:126](/source/packages/core/src/lib/events/types-ts/#L126)
keyboardFocusable (optional) ```ts readonly keyboardFocusable?: boolean | undefined ``` Whether the target may receive keyboard focus. See PibblEventFocusOptions. [View source — packages/core/src/lib/events/types.ts:137](/source/packages/core/src/lib/events/types-ts/#L137)
keyboardNavigationBounds (optional) ```ts readonly keyboardNavigationBounds?: Readonly | undefined ``` Related API: [LayoutBox](/reference/types/layout/#layoutbox). Logical rectangle used for directional keyboard navigation. See LayoutBox. [View source — packages/core/src/lib/events/types.ts:139](/source/packages/core/src/lib/events/types-ts/#L139)
physics (optional) ```ts readonly physics?: PibblPhysicsAttachment2D | undefined ``` Related API: [PibblPhysicsAttachment2D](/reference/types/physics-2d/#pibblphysicsattachment2d). [View source — packages/core/src/features/physics/lib/2d/types.ts:321](/source/packages/core/src/features/physics/lib/2d/types-ts/#L321)
### LayerProps Authored inputs for Layer, including the declared data and presentation options. ```ts interface LayerProps extends PibblStructuralEventProps ``` Related API: [LayerProps](/reference/types/elements-components/#layerprops). #### See also [PibblNodeInput](/reference/types/elements-components/#pibblnodeinput) [Layer](/reference/components/layer/) [View source — packages/core/src/lib/components/layer.ts:54](/source/packages/core/src/lib/components/layer-ts/#L54) #### Properties and methods
children ```ts children: PibblNodeInput ``` Related API: [PibblNodeInput](/reference/types/elements-components/#pibblnodeinput). Descendant content or the callback that supplies it. See PibblNodeInput. [View source — packages/core/src/lib/components/layer.ts:56](/source/packages/core/src/lib/components/layer-ts/#L56)
### LineProps Authored inputs for Line, including the declared data and presentation options. ```ts interface LineProps extends PibblEventHandlers, PibblEventFocusOptions, PibblEventParticipationOptions, PibblPhysics2DPropExtension ``` Related API: [LineProps](/reference/types/elements-components/#lineprops), [PibblEventHandlers](/reference/types/events/#pibbleventhandlers), [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions), [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension). #### See also [PibblEventHandlers](/reference/types/events/#pibbleventhandlers) [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions) [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension) [Line](/reference/components/line/) [View source — packages/core/src/lib/components/line.ts:37](/source/packages/core/src/lib/components/line-ts/#L37) #### Properties and methods
pointerEvents (optional) ```ts readonly pointerEvents?: PibblPointerEvents | undefined ``` Related API: [PibblPointerEvents](/reference/types/events/#pibblpointerevents). Whether this content participates in pointer targeting. See PibblPointerEvents. [View source — packages/core/src/lib/events/types.ts:126](/source/packages/core/src/lib/events/types-ts/#L126)
keyboardFocusable (optional) ```ts readonly keyboardFocusable?: boolean | undefined ``` Whether the target may receive keyboard focus. See PibblEventFocusOptions. [View source — packages/core/src/lib/events/types.ts:137](/source/packages/core/src/lib/events/types-ts/#L137)
keyboardNavigationBounds (optional) ```ts readonly keyboardNavigationBounds?: Readonly | undefined ``` Related API: [LayoutBox](/reference/types/layout/#layoutbox). Logical rectangle used for directional keyboard navigation. See LayoutBox. [View source — packages/core/src/lib/events/types.ts:139](/source/packages/core/src/lib/events/types-ts/#L139)
physics (optional) ```ts readonly physics?: PibblPhysicsAttachment2D | undefined ``` Related API: [PibblPhysicsAttachment2D](/reference/types/physics-2d/#pibblphysicsattachment2d). [View source — packages/core/src/features/physics/lib/2d/types.ts:321](/source/packages/core/src/features/physics/lib/2d/types-ts/#L321)
### PathProps Authored inputs for Path, including the declared data and presentation options. ```ts interface PathProps extends PibblEventHandlers, PibblEventFocusOptions, PibblEventParticipationOptions, PibblPhysics2DPropExtension ``` Related API: [PathProps](/reference/types/elements-components/#pathprops), [PibblEventHandlers](/reference/types/events/#pibbleventhandlers), [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions), [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension). #### See also [PibblEventHandlers](/reference/types/events/#pibbleventhandlers) [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions) [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension) [Path](/reference/components/path/) [SvgPathProps](/reference/types/elements-components/#svgpathprops) [View source — packages/core/src/lib/components/path.ts:29](/source/packages/core/src/lib/components/path-ts/#L29) #### Properties and methods
pointerEvents (optional) ```ts readonly pointerEvents?: PibblPointerEvents | undefined ``` Related API: [PibblPointerEvents](/reference/types/events/#pibblpointerevents). Whether this content participates in pointer targeting. See PibblPointerEvents. [View source — packages/core/src/lib/events/types.ts:126](/source/packages/core/src/lib/events/types-ts/#L126)
keyboardFocusable (optional) ```ts readonly keyboardFocusable?: boolean | undefined ``` Whether the target may receive keyboard focus. See PibblEventFocusOptions. [View source — packages/core/src/lib/events/types.ts:137](/source/packages/core/src/lib/events/types-ts/#L137)
keyboardNavigationBounds (optional) ```ts readonly keyboardNavigationBounds?: Readonly | undefined ``` Related API: [LayoutBox](/reference/types/layout/#layoutbox). Logical rectangle used for directional keyboard navigation. See LayoutBox. [View source — packages/core/src/lib/events/types.ts:139](/source/packages/core/src/lib/events/types-ts/#L139)
physics (optional) ```ts readonly physics?: PibblPhysicsAttachment2D | undefined ``` Related API: [PibblPhysicsAttachment2D](/reference/types/physics-2d/#pibblphysicsattachment2d). [View source — packages/core/src/features/physics/lib/2d/types.ts:321](/source/packages/core/src/features/physics/lib/2d/types-ts/#L321)
### PolygonProps Authored inputs for Polygon, including the declared data and presentation options. ```ts interface PolygonProps extends PibblEventHandlers, PibblEventFocusOptions, PibblEventParticipationOptions, PibblPhysics2DPropExtension ``` Related API: [PolygonProps](/reference/types/elements-components/#polygonprops), [PibblEventHandlers](/reference/types/events/#pibbleventhandlers), [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions), [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension). #### See also [PibblEventHandlers](/reference/types/events/#pibbleventhandlers) [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions) [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension) [Polygon](/reference/components/polygon/) [View source — packages/core/src/lib/components/polygon.ts:36](/source/packages/core/src/lib/components/polygon-ts/#L36) #### Properties and methods
pointerEvents (optional) ```ts readonly pointerEvents?: PibblPointerEvents | undefined ``` Related API: [PibblPointerEvents](/reference/types/events/#pibblpointerevents). Whether this content participates in pointer targeting. See PibblPointerEvents. [View source — packages/core/src/lib/events/types.ts:126](/source/packages/core/src/lib/events/types-ts/#L126)
keyboardFocusable (optional) ```ts readonly keyboardFocusable?: boolean | undefined ``` Whether the target may receive keyboard focus. See PibblEventFocusOptions. [View source — packages/core/src/lib/events/types.ts:137](/source/packages/core/src/lib/events/types-ts/#L137)
keyboardNavigationBounds (optional) ```ts readonly keyboardNavigationBounds?: Readonly | undefined ``` Related API: [LayoutBox](/reference/types/layout/#layoutbox). Logical rectangle used for directional keyboard navigation. See LayoutBox. [View source — packages/core/src/lib/events/types.ts:139](/source/packages/core/src/lib/events/types-ts/#L139)
physics (optional) ```ts readonly physics?: PibblPhysicsAttachment2D | undefined ``` Related API: [PibblPhysicsAttachment2D](/reference/types/physics-2d/#pibblphysicsattachment2d). [View source — packages/core/src/features/physics/lib/2d/types.ts:321](/source/packages/core/src/features/physics/lib/2d/types-ts/#L321)
### RegularPolygonProps Authored inputs for RegularPolygon, including the declared data and presentation options. ```ts interface RegularPolygonProps extends PibblEventHandlers, PibblEventFocusOptions, PibblEventParticipationOptions, PibblPhysics2DPropExtension ``` Related API: [RegularPolygonProps](/reference/types/elements-components/#regularpolygonprops), [PibblEventHandlers](/reference/types/events/#pibbleventhandlers), [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions), [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension). #### See also [PibblEventHandlers](/reference/types/events/#pibbleventhandlers) [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions) [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension) [RegularPolygon](/reference/components/regular-polygon/) [View source — packages/core/src/lib/components/regular-polygon.ts:47](/source/packages/core/src/lib/components/regular-polygon-ts/#L47) #### Properties and methods
pointerEvents (optional) ```ts readonly pointerEvents?: PibblPointerEvents | undefined ``` Related API: [PibblPointerEvents](/reference/types/events/#pibblpointerevents). Whether this content participates in pointer targeting. See PibblPointerEvents. [View source — packages/core/src/lib/events/types.ts:126](/source/packages/core/src/lib/events/types-ts/#L126)
keyboardFocusable (optional) ```ts readonly keyboardFocusable?: boolean | undefined ``` Whether the target may receive keyboard focus. See PibblEventFocusOptions. [View source — packages/core/src/lib/events/types.ts:137](/source/packages/core/src/lib/events/types-ts/#L137)
keyboardNavigationBounds (optional) ```ts readonly keyboardNavigationBounds?: Readonly | undefined ``` Related API: [LayoutBox](/reference/types/layout/#layoutbox). Logical rectangle used for directional keyboard navigation. See LayoutBox. [View source — packages/core/src/lib/events/types.ts:139](/source/packages/core/src/lib/events/types-ts/#L139)
physics (optional) ```ts readonly physics?: PibblPhysicsAttachment2D | undefined ``` Related API: [PibblPhysicsAttachment2D](/reference/types/physics-2d/#pibblphysicsattachment2d). [View source — packages/core/src/features/physics/lib/2d/types.ts:321](/source/packages/core/src/features/physics/lib/2d/types-ts/#L321)
### RectangleProps Authored inputs for Rectangle, including the declared data and presentation options. ```ts interface RectangleProps extends PibblEventHandlers, PibblEventFocusOptions, PibblEventParticipationOptions, PibblPhysics2DPropExtension ``` Related API: [RectangleProps](/reference/types/elements-components/#rectangleprops), [PibblEventHandlers](/reference/types/events/#pibbleventhandlers), [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions), [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension). #### See also [PibblEventHandlers](/reference/types/events/#pibbleventhandlers) [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions) [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension) [Rectangle](/reference/components/rectangle/) [View source — packages/core/src/lib/components/rect.ts:28](/source/packages/core/src/lib/components/rect-ts/#L28) #### Properties and methods
pointerEvents (optional) ```ts readonly pointerEvents?: PibblPointerEvents | undefined ``` Related API: [PibblPointerEvents](/reference/types/events/#pibblpointerevents). Whether this content participates in pointer targeting. See PibblPointerEvents. [View source — packages/core/src/lib/events/types.ts:126](/source/packages/core/src/lib/events/types-ts/#L126)
keyboardFocusable (optional) ```ts readonly keyboardFocusable?: boolean | undefined ``` Whether the target may receive keyboard focus. See PibblEventFocusOptions. [View source — packages/core/src/lib/events/types.ts:137](/source/packages/core/src/lib/events/types-ts/#L137)
keyboardNavigationBounds (optional) ```ts readonly keyboardNavigationBounds?: Readonly | undefined ``` Related API: [LayoutBox](/reference/types/layout/#layoutbox). Logical rectangle used for directional keyboard navigation. See LayoutBox. [View source — packages/core/src/lib/events/types.ts:139](/source/packages/core/src/lib/events/types-ts/#L139)
physics (optional) ```ts readonly physics?: PibblPhysicsAttachment2D | undefined ``` Related API: [PibblPhysicsAttachment2D](/reference/types/physics-2d/#pibblphysicsattachment2d). [View source — packages/core/src/features/physics/lib/2d/types.ts:321](/source/packages/core/src/features/physics/lib/2d/types-ts/#L321)
### StarProps Authored inputs for Star, including the declared data and presentation options. ```ts interface StarProps extends PibblEventHandlers, PibblEventFocusOptions, PibblEventParticipationOptions, PibblPhysics2DPropExtension ``` Related API: [StarProps](/reference/types/elements-components/#starprops), [PibblEventHandlers](/reference/types/events/#pibbleventhandlers), [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions), [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension). #### See also [PibblEventHandlers](/reference/types/events/#pibbleventhandlers) [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions) [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension) [Star](/reference/components/star/) [View source — packages/core/src/lib/components/star.ts:47](/source/packages/core/src/lib/components/star-ts/#L47) #### Properties and methods
pointerEvents (optional) ```ts readonly pointerEvents?: PibblPointerEvents | undefined ``` Related API: [PibblPointerEvents](/reference/types/events/#pibblpointerevents). Whether this content participates in pointer targeting. See PibblPointerEvents. [View source — packages/core/src/lib/events/types.ts:126](/source/packages/core/src/lib/events/types-ts/#L126)
keyboardFocusable (optional) ```ts readonly keyboardFocusable?: boolean | undefined ``` Whether the target may receive keyboard focus. See PibblEventFocusOptions. [View source — packages/core/src/lib/events/types.ts:137](/source/packages/core/src/lib/events/types-ts/#L137)
keyboardNavigationBounds (optional) ```ts readonly keyboardNavigationBounds?: Readonly | undefined ``` Related API: [LayoutBox](/reference/types/layout/#layoutbox). Logical rectangle used for directional keyboard navigation. See LayoutBox. [View source — packages/core/src/lib/events/types.ts:139](/source/packages/core/src/lib/events/types-ts/#L139)
physics (optional) ```ts readonly physics?: PibblPhysicsAttachment2D | undefined ``` Related API: [PibblPhysicsAttachment2D](/reference/types/physics-2d/#pibblphysicsattachment2d). [View source — packages/core/src/features/physics/lib/2d/types.ts:321](/source/packages/core/src/features/physics/lib/2d/types-ts/#L321)
### SvgPathProps Authored inputs for SvgPath, including the declared data and presentation options. ```ts interface SvgPathProps extends PathProps, PibblPhysics2DPropExtension ``` Related API: [SvgPathProps](/reference/types/elements-components/#svgpathprops), [PathProps](/reference/types/elements-components/#pathprops), [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension). #### See also [PathProps](/reference/types/elements-components/#pathprops) [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension) [SvgPath](/reference/components/svg-path/) [View source — packages/core/src/lib/components/svg-path.ts:18](/source/packages/core/src/lib/components/svg-path-ts/#L18) #### Properties and methods
pointerEvents (optional) ```ts readonly pointerEvents?: PibblPointerEvents | undefined ``` Related API: [PibblPointerEvents](/reference/types/events/#pibblpointerevents). Whether this content participates in pointer targeting. See PibblPointerEvents. [View source — packages/core/src/lib/events/types.ts:126](/source/packages/core/src/lib/events/types-ts/#L126)
keyboardFocusable (optional) ```ts readonly keyboardFocusable?: boolean | undefined ``` Whether the target may receive keyboard focus. See PibblEventFocusOptions. [View source — packages/core/src/lib/events/types.ts:137](/source/packages/core/src/lib/events/types-ts/#L137)
keyboardNavigationBounds (optional) ```ts readonly keyboardNavigationBounds?: Readonly | undefined ``` Related API: [LayoutBox](/reference/types/layout/#layoutbox). Logical rectangle used for directional keyboard navigation. See LayoutBox. [View source — packages/core/src/lib/events/types.ts:139](/source/packages/core/src/lib/events/types-ts/#L139)
physics (optional) ```ts readonly physics?: PibblPhysicsAttachment2D | undefined ``` Related API: [PibblPhysicsAttachment2D](/reference/types/physics-2d/#pibblphysicsattachment2d). [View source — packages/core/src/features/physics/lib/2d/types.ts:321](/source/packages/core/src/features/physics/lib/2d/types-ts/#L321)
### TextProps Authored inputs for Text, including the declared data and presentation options. ```ts interface TextProps extends PibblEventHandlers, PibblEventFocusOptions, PibblEventParticipationOptions, PibblPhysics2DPropExtension ``` Related API: [TextProps](/reference/types/elements-components/#textprops), [PibblEventHandlers](/reference/types/events/#pibbleventhandlers), [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions), [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension). #### See also [PibblEventHandlers](/reference/types/events/#pibbleventhandlers) [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions) [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension) [PibblTextInput](/reference/types/elements-components/#pibbltextinput) [Text](/reference/components/text/) [View source — packages/core/src/lib/components/text.ts:39](/source/packages/core/src/lib/components/text-ts/#L39) #### Properties and methods
children (optional) ```ts children?: PibblTextInput ``` Related API: [PibblTextInput](/reference/types/elements-components/#pibbltextinput). Descendant content or the callback that supplies it. See PibblTextInput. [View source — packages/core/src/lib/components/text.ts:46](/source/packages/core/src/lib/components/text-ts/#L46)
pointerEvents (optional) ```ts readonly pointerEvents?: PibblPointerEvents | undefined ``` Related API: [PibblPointerEvents](/reference/types/events/#pibblpointerevents). Whether this content participates in pointer targeting. See PibblPointerEvents. [View source — packages/core/src/lib/events/types.ts:126](/source/packages/core/src/lib/events/types-ts/#L126)
keyboardFocusable (optional) ```ts readonly keyboardFocusable?: boolean | undefined ``` Whether the target may receive keyboard focus. See PibblEventFocusOptions. [View source — packages/core/src/lib/events/types.ts:137](/source/packages/core/src/lib/events/types-ts/#L137)
keyboardNavigationBounds (optional) ```ts readonly keyboardNavigationBounds?: Readonly | undefined ``` Related API: [LayoutBox](/reference/types/layout/#layoutbox). Logical rectangle used for directional keyboard navigation. See LayoutBox. [View source — packages/core/src/lib/events/types.ts:139](/source/packages/core/src/lib/events/types-ts/#L139)
physics (optional) ```ts readonly physics?: PibblPhysicsAttachment2D | undefined ``` Related API: [PibblPhysicsAttachment2D](/reference/types/physics-2d/#pibblphysicsattachment2d). [View source — packages/core/src/features/physics/lib/2d/types.ts:321](/source/packages/core/src/features/physics/lib/2d/types-ts/#L321)
### VerticalLineProps Authored inputs for VerticalLine, including the declared data and presentation options. ```ts interface VerticalLineProps extends PibblEventHandlers, PibblEventFocusOptions, PibblEventParticipationOptions, PibblPhysics2DPropExtension ``` Related API: [VerticalLineProps](/reference/types/elements-components/#verticallineprops), [PibblEventHandlers](/reference/types/events/#pibbleventhandlers), [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions), [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension). #### See also [PibblEventHandlers](/reference/types/events/#pibbleventhandlers) [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions) [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension) [VerticalLine](/reference/components/vertical-line/) [View source — packages/core/src/lib/components/vertical-line.ts:36](/source/packages/core/src/lib/components/vertical-line-ts/#L36) #### Properties and methods
pointerEvents (optional) ```ts readonly pointerEvents?: PibblPointerEvents | undefined ``` Related API: [PibblPointerEvents](/reference/types/events/#pibblpointerevents). Whether this content participates in pointer targeting. See PibblPointerEvents. [View source — packages/core/src/lib/events/types.ts:126](/source/packages/core/src/lib/events/types-ts/#L126)
keyboardFocusable (optional) ```ts readonly keyboardFocusable?: boolean | undefined ``` Whether the target may receive keyboard focus. See PibblEventFocusOptions. [View source — packages/core/src/lib/events/types.ts:137](/source/packages/core/src/lib/events/types-ts/#L137)
keyboardNavigationBounds (optional) ```ts readonly keyboardNavigationBounds?: Readonly | undefined ``` Related API: [LayoutBox](/reference/types/layout/#layoutbox). Logical rectangle used for directional keyboard navigation. See LayoutBox. [View source — packages/core/src/lib/events/types.ts:139](/source/packages/core/src/lib/events/types-ts/#L139)
physics (optional) ```ts readonly physics?: PibblPhysicsAttachment2D | undefined ``` Related API: [PibblPhysicsAttachment2D](/reference/types/physics-2d/#pibblphysicsattachment2d). [View source — packages/core/src/features/physics/lib/2d/types.ts:321](/source/packages/core/src/features/physics/lib/2d/types-ts/#L321)
### WedgeProps Authored inputs for Wedge, including the declared data and presentation options. ```ts interface WedgeProps extends PibblEventHandlers, PibblEventFocusOptions, PibblEventParticipationOptions, PibblPhysics2DPropExtension ``` Related API: [WedgeProps](/reference/types/elements-components/#wedgeprops), [PibblEventHandlers](/reference/types/events/#pibbleventhandlers), [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions), [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension). #### See also [PibblEventHandlers](/reference/types/events/#pibbleventhandlers) [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions) [PibblPhysics2DPropExtension](/reference/types/elements-components/#pibblphysics2dpropextension) [Wedge](/reference/components/wedge/) [View source — packages/core/src/lib/components/wedge.ts:42](/source/packages/core/src/lib/components/wedge-ts/#L42) #### Properties and methods
pointerEvents (optional) ```ts readonly pointerEvents?: PibblPointerEvents | undefined ``` Related API: [PibblPointerEvents](/reference/types/events/#pibblpointerevents). Whether this content participates in pointer targeting. See PibblPointerEvents. [View source — packages/core/src/lib/events/types.ts:126](/source/packages/core/src/lib/events/types-ts/#L126)
keyboardFocusable (optional) ```ts readonly keyboardFocusable?: boolean | undefined ``` Whether the target may receive keyboard focus. See PibblEventFocusOptions. [View source — packages/core/src/lib/events/types.ts:137](/source/packages/core/src/lib/events/types-ts/#L137)
keyboardNavigationBounds (optional) ```ts readonly keyboardNavigationBounds?: Readonly | undefined ``` Related API: [LayoutBox](/reference/types/layout/#layoutbox). Logical rectangle used for directional keyboard navigation. See LayoutBox. [View source — packages/core/src/lib/events/types.ts:139](/source/packages/core/src/lib/events/types-ts/#L139)
physics (optional) ```ts readonly physics?: PibblPhysicsAttachment2D | undefined ``` Related API: [PibblPhysicsAttachment2D](/reference/types/physics-2d/#pibblphysicsattachment2d). [View source — packages/core/src/features/physics/lib/2d/types.ts:321](/source/packages/core/src/features/physics/lib/2d/types-ts/#L321)
### ArcPathOptions Geometry and construction options for a arc path. ```ts interface ArcPathOptions ``` Related API: [ArcPathOptions](/reference/types/elements-components/#arcpathoptions). #### See also [createArcPath](/reference/functions/create-arc-path/) [WedgePathOptions](/reference/types/elements-components/#wedgepathoptions) [View source — packages/core/src/lib/geometry/circular-sweep.ts:19](/source/packages/core/src/lib/geometry/circular-sweep-ts/#L19) #### Properties and methods
cx (optional) ```ts cx?: number | undefined ``` Horizontal coordinate of the center. See ArcPathOptions. [View source — packages/core/src/lib/geometry/circular-sweep.ts:21](/source/packages/core/src/lib/geometry/circular-sweep-ts/#L21)
cy (optional) ```ts cy?: number | undefined ``` Vertical coordinate of the center. See ArcPathOptions. [View source — packages/core/src/lib/geometry/circular-sweep.ts:23](/source/packages/core/src/lib/geometry/circular-sweep-ts/#L23)
radius ```ts radius: number ``` Radius in the coordinate system of this geometry or effect. See ArcPathOptions. [View source — packages/core/src/lib/geometry/circular-sweep.ts:25](/source/packages/core/src/lib/geometry/circular-sweep-ts/#L25)
startAngle ```ts startAngle: number ``` Angle at which the arc or slice begins. See ArcPathOptions. [View source — packages/core/src/lib/geometry/circular-sweep.ts:27](/source/packages/core/src/lib/geometry/circular-sweep-ts/#L27)
endAngle ```ts endAngle: number ``` Angle at which the arc or slice ends. See ArcPathOptions. [View source — packages/core/src/lib/geometry/circular-sweep.ts:29](/source/packages/core/src/lib/geometry/circular-sweep-ts/#L29)
counterclockwise (optional) ```ts counterclockwise?: boolean | undefined ``` Whether the arc follows the counterclockwise direction. See ArcPathOptions. [View source — packages/core/src/lib/geometry/circular-sweep.ts:31](/source/packages/core/src/lib/geometry/circular-sweep-ts/#L31)
### WedgePathOptions Geometry and construction options for a wedge path. ```ts type WedgePathOptions = ArcPathOptions ``` Related API: [WedgePathOptions](/reference/types/elements-components/#wedgepathoptions), [ArcPathOptions](/reference/types/elements-components/#arcpathoptions). #### See also [ArcPathOptions](/reference/types/elements-components/#arcpathoptions) [createWedgePath](/reference/functions/create-wedge-path/) [View source — packages/core/src/lib/geometry/circular-sweep.ts:40](/source/packages/core/src/lib/geometry/circular-sweep-ts/#L40) #### Properties and methods
cx (optional) ```ts cx?: number | undefined ``` Horizontal coordinate of the center. See ArcPathOptions. [View source — packages/core/src/lib/geometry/circular-sweep.ts:21](/source/packages/core/src/lib/geometry/circular-sweep-ts/#L21)
cy (optional) ```ts cy?: number | undefined ``` Vertical coordinate of the center. See ArcPathOptions. [View source — packages/core/src/lib/geometry/circular-sweep.ts:23](/source/packages/core/src/lib/geometry/circular-sweep-ts/#L23)
radius ```ts radius: number ``` Radius in the coordinate system of this geometry or effect. See ArcPathOptions. [View source — packages/core/src/lib/geometry/circular-sweep.ts:25](/source/packages/core/src/lib/geometry/circular-sweep-ts/#L25)
startAngle ```ts startAngle: number ``` Angle at which the arc or slice begins. See ArcPathOptions. [View source — packages/core/src/lib/geometry/circular-sweep.ts:27](/source/packages/core/src/lib/geometry/circular-sweep-ts/#L27)
endAngle ```ts endAngle: number ``` Angle at which the arc or slice ends. See ArcPathOptions. [View source — packages/core/src/lib/geometry/circular-sweep.ts:29](/source/packages/core/src/lib/geometry/circular-sweep-ts/#L29)
counterclockwise (optional) ```ts counterclockwise?: boolean | undefined ``` Whether the arc follows the counterclockwise direction. See ArcPathOptions. [View source — packages/core/src/lib/geometry/circular-sweep.ts:31](/source/packages/core/src/lib/geometry/circular-sweep-ts/#L31)
### CirclePathOptions Geometry and construction options for a circle path. ```ts interface CirclePathOptions ``` Related API: [CirclePathOptions](/reference/types/elements-components/#circlepathoptions). #### See also [createCirclePath](/reference/functions/create-circle-path/) [View source — packages/core/src/lib/geometry/circle.ts:8](/source/packages/core/src/lib/geometry/circle-ts/#L8) #### Properties and methods
cx (optional) ```ts cx?: number | undefined ``` Horizontal coordinate of the center. See CirclePathOptions. [View source — packages/core/src/lib/geometry/circle.ts:10](/source/packages/core/src/lib/geometry/circle-ts/#L10)
cy (optional) ```ts cy?: number | undefined ``` Vertical coordinate of the center. See CirclePathOptions. [View source — packages/core/src/lib/geometry/circle.ts:12](/source/packages/core/src/lib/geometry/circle-ts/#L12)
radius ```ts radius: number ``` Radius in the coordinate system of this geometry or effect. See CirclePathOptions. [View source — packages/core/src/lib/geometry/circle.ts:14](/source/packages/core/src/lib/geometry/circle-ts/#L14)
### EllipsePathOptions Geometry and construction options for a ellipse path. ```ts interface EllipsePathOptions ``` Related API: [EllipsePathOptions](/reference/types/elements-components/#ellipsepathoptions). #### See also [createEllipsePath](/reference/functions/create-ellipse-path/) [View source — packages/core/src/lib/geometry/ellipse.ts:8](/source/packages/core/src/lib/geometry/ellipse-ts/#L8) #### Properties and methods
cx (optional) ```ts cx?: number | undefined ``` Horizontal coordinate of the center. See EllipsePathOptions. [View source — packages/core/src/lib/geometry/ellipse.ts:10](/source/packages/core/src/lib/geometry/ellipse-ts/#L10)
cy (optional) ```ts cy?: number | undefined ``` Vertical coordinate of the center. See EllipsePathOptions. [View source — packages/core/src/lib/geometry/ellipse.ts:12](/source/packages/core/src/lib/geometry/ellipse-ts/#L12)
radiusX ```ts radiusX: number ``` Horizontal ellipse radius. See EllipsePathOptions. [View source — packages/core/src/lib/geometry/ellipse.ts:14](/source/packages/core/src/lib/geometry/ellipse-ts/#L14)
radiusY ```ts radiusY: number ``` Vertical ellipse radius. See EllipsePathOptions. [View source — packages/core/src/lib/geometry/ellipse.ts:16](/source/packages/core/src/lib/geometry/ellipse-ts/#L16)
rotation (optional) ```ts rotation?: number | undefined ``` Rotation applied to the containing geometry. See EllipsePathOptions. [View source — packages/core/src/lib/geometry/ellipse.ts:18](/source/packages/core/src/lib/geometry/ellipse-ts/#L18)
### LinePathOptions Geometry and construction options for a line path. ```ts interface LinePathOptions ``` Related API: [LinePathOptions](/reference/types/elements-components/#linepathoptions). #### See also [createLinePath](/reference/functions/create-line-path/) [View source — packages/core/src/lib/geometry/line.ts:8](/source/packages/core/src/lib/geometry/line-ts/#L8) #### Properties and methods
coords ```ts coords: readonly (readonly [number, number])[] ``` Ordered coordinate pairs describing the path vertices. See LinePathOptions. [View source — packages/core/src/lib/geometry/line.ts:10](/source/packages/core/src/lib/geometry/line-ts/#L10)
closePath (optional) ```ts closePath?: boolean | undefined ``` Whether to connect the final vertex back to the first. See LinePathOptions. [View source — packages/core/src/lib/geometry/line.ts:12](/source/packages/core/src/lib/geometry/line-ts/#L12)
### PolygonPathOptions Geometry and construction options for a polygon path. ```ts interface PolygonPathOptions extends RoundedCornerPathOptions ``` Related API: [PolygonPathOptions](/reference/types/elements-components/#polygonpathoptions), [RoundedCornerPathOptions](/reference/types/elements-components/#roundedcornerpathoptions). #### See also [RoundedCornerPathOptions](/reference/types/elements-components/#roundedcornerpathoptions) [createPolygonPath](/reference/functions/create-polygon-path/) [View source — packages/core/src/lib/geometry/polygon.ts:11](/source/packages/core/src/lib/geometry/polygon-ts/#L11) #### Properties and methods
coords ```ts coords: readonly (readonly [number, number])[] ``` Ordered coordinate pairs describing the path vertices. See PolygonPathOptions. [View source — packages/core/src/lib/geometry/polygon.ts:13](/source/packages/core/src/lib/geometry/polygon-ts/#L13)
cornerRadius (optional) ```ts cornerRadius?: number | undefined ``` Uniform corner radius used where no per-corner override is supplied. See RoundedCornerPathOptions. [View source — packages/core/src/lib/geometry/rounded-corners.ts:25](/source/packages/core/src/lib/geometry/rounded-corners-ts/#L25)
cornerRadii (optional) ```ts cornerRadii?: readonly (number | null | undefined)[] | undefined ``` Per-corner radii; nullish entries use the uniform corner radius. See RoundedCornerPathOptions. [View source — packages/core/src/lib/geometry/rounded-corners.ts:30](/source/packages/core/src/lib/geometry/rounded-corners-ts/#L30)
### RectanglePathOptions Geometry and construction options for a rectangle path. ```ts interface RectanglePathOptions extends RoundedCornerPathOptions ``` Related API: [RectanglePathOptions](/reference/types/elements-components/#rectanglepathoptions), [RoundedCornerPathOptions](/reference/types/elements-components/#roundedcornerpathoptions). #### See also [RoundedCornerPathOptions](/reference/types/elements-components/#roundedcornerpathoptions) [createRectanglePath](/reference/functions/create-rectangle-path/) [View source — packages/core/src/lib/geometry/rectangle.ts:13](/source/packages/core/src/lib/geometry/rectangle-ts/#L13) #### Properties and methods
cornerRadius (optional) ```ts cornerRadius?: number | undefined ``` Uniform corner radius used where no per-corner override is supplied. See RoundedCornerPathOptions. [View source — packages/core/src/lib/geometry/rounded-corners.ts:25](/source/packages/core/src/lib/geometry/rounded-corners-ts/#L25)
x (optional) ```ts x?: number | undefined ``` Horizontal coordinate or displacement in the containing coordinate system. See RectanglePathOptions. [View source — packages/core/src/lib/geometry/rectangle.ts:18](/source/packages/core/src/lib/geometry/rectangle-ts/#L18)
y (optional) ```ts y?: number | undefined ``` Vertical coordinate or displacement in the containing coordinate system. See RectanglePathOptions. [View source — packages/core/src/lib/geometry/rectangle.ts:23](/source/packages/core/src/lib/geometry/rectangle-ts/#L23)
width ```ts width: number ``` Horizontal extent in the units of the containing geometry or surface. See RectanglePathOptions. [View source — packages/core/src/lib/geometry/rectangle.ts:28](/source/packages/core/src/lib/geometry/rectangle-ts/#L28)
height ```ts height: number ``` Vertical extent in the units of the containing geometry or surface. See RectanglePathOptions. [View source — packages/core/src/lib/geometry/rectangle.ts:33](/source/packages/core/src/lib/geometry/rectangle-ts/#L33)
cornerRadii (optional) ```ts cornerRadii?: readonly (number | null | undefined)[] | undefined ``` Per-corner radii; nullish entries use the uniform corner radius. See RoundedCornerPathOptions. [View source — packages/core/src/lib/geometry/rounded-corners.ts:30](/source/packages/core/src/lib/geometry/rounded-corners-ts/#L30)
### RegularPolygonNumericSize Exactly one size measure for a regular polygon: circumradius, inradius, or side length.
Full type declaration ```ts type RegularPolygonNumericSize = | { /** Distance from the polygon center to a vertex. See {@link RegularPolygonNumericSize}. */ circumradius: number; /** * Not accepted in this variant; use the alternative fields instead. See * {@link RegularPolygonNumericSize}. */ inradius?: never; /** * Not accepted in this variant; use the alternative fields instead. See * {@link RegularPolygonNumericSize}. */ sideLength?: never; } | { /** * Not accepted in this variant; use the alternative fields instead. See * {@link RegularPolygonNumericSize}. */ circumradius?: never; /** Distance from the polygon center to an edge. See {@link RegularPolygonNumericSize}. */ inradius: number; /** * Not accepted in this variant; use the alternative fields instead. See * {@link RegularPolygonNumericSize}. */ sideLength?: never; } | { /** * Not accepted in this variant; use the alternative fields instead. See * {@link RegularPolygonNumericSize}. */ circumradius?: never; /** * Not accepted in this variant; use the alternative fields instead. See * {@link RegularPolygonNumericSize}. */ inradius?: never; /** Length of one polygon edge. See {@link RegularPolygonNumericSize}. */ sideLength: number; } ```
Related API: [RegularPolygonNumericSize](/reference/types/elements-components/#regularpolygonnumericsize), [Length](/reference/types/layout/#length). #### See also [RegularPolygonPathOptions](/reference/types/elements-components/#regularpolygonpathoptions) [View source — packages/core/src/lib/geometry/regular-polygon.ts:36](/source/packages/core/src/lib/geometry/regular-polygon-ts/#L36) #### Properties and methods
circumradius (optional) ```ts circumradius?: number | undefined ``` Distance from the polygon center to a vertex. See RegularPolygonNumericSize. Not accepted in this variant; use the alternative fields instead. See RegularPolygonNumericSize. [View source — packages/core/src/lib/geometry/regular-polygon.ts:39](/source/packages/core/src/lib/geometry/regular-polygon-ts/#L39)
inradius (optional) ```ts inradius?: number | undefined ``` Not accepted in this variant; use the alternative fields instead. See RegularPolygonNumericSize. Distance from the polygon center to an edge. See RegularPolygonNumericSize. [View source — packages/core/src/lib/geometry/regular-polygon.ts:44](/source/packages/core/src/lib/geometry/regular-polygon-ts/#L44)
sideLength (optional) ```ts sideLength?: number | undefined ``` Not accepted in this variant; use the alternative fields instead. See RegularPolygonNumericSize. Length of one polygon edge. See RegularPolygonNumericSize. [View source — packages/core/src/lib/geometry/regular-polygon.ts:49](/source/packages/core/src/lib/geometry/regular-polygon-ts/#L49)
### RegularPolygonPathOptions Geometry and construction options for a regular polygon path. ```ts type RegularPolygonPathOptions = RegularPolygonPathPosition & RegularPolygonNumericSize & RoundedCornerPathOptions ``` Related API: [RegularPolygonPathOptions](/reference/types/elements-components/#regularpolygonpathoptions), [RegularPolygonPathPosition](/reference/types/elements-components/#regularpolygonpathposition), [RegularPolygonNumericSize](/reference/types/elements-components/#regularpolygonnumericsize), [RoundedCornerPathOptions](/reference/types/elements-components/#roundedcornerpathoptions). #### See also [RegularPolygonPathPosition](/reference/types/elements-components/#regularpolygonpathposition) [RegularPolygonNumericSize](/reference/types/elements-components/#regularpolygonnumericsize) [RoundedCornerPathOptions](/reference/types/elements-components/#roundedcornerpathoptions) [createRegularPolygonPath](/reference/functions/create-regular-polygon-path/) [View source — packages/core/src/lib/geometry/regular-polygon.ts:88](/source/packages/core/src/lib/geometry/regular-polygon-ts/#L88) #### Properties and methods
sides ```ts sides: number ``` Number of sides of the regular polygon. See RegularPolygonPathPosition. [View source — packages/core/src/lib/geometry/regular-polygon.ts:22](/source/packages/core/src/lib/geometry/regular-polygon-ts/#L22)
cx (optional) ```ts cx?: number | undefined ``` Horizontal coordinate of the center. See RegularPolygonPathPosition. [View source — packages/core/src/lib/geometry/regular-polygon.ts:24](/source/packages/core/src/lib/geometry/regular-polygon-ts/#L24)
cy (optional) ```ts cy?: number | undefined ``` Vertical coordinate of the center. See RegularPolygonPathPosition. [View source — packages/core/src/lib/geometry/regular-polygon.ts:26](/source/packages/core/src/lib/geometry/regular-polygon-ts/#L26)
rotation (optional) ```ts rotation?: number | undefined ``` Rotation applied to the containing geometry. See RegularPolygonPathPosition. [View source — packages/core/src/lib/geometry/regular-polygon.ts:28](/source/packages/core/src/lib/geometry/regular-polygon-ts/#L28)
circumradius (optional) ```ts circumradius?: number | undefined ``` Distance from the polygon center to a vertex. See RegularPolygonNumericSize. Not accepted in this variant; use the alternative fields instead. See RegularPolygonNumericSize. [View source — packages/core/src/lib/geometry/regular-polygon.ts:39](/source/packages/core/src/lib/geometry/regular-polygon-ts/#L39)
inradius (optional) ```ts inradius?: number | undefined ``` Not accepted in this variant; use the alternative fields instead. See RegularPolygonNumericSize. Distance from the polygon center to an edge. See RegularPolygonNumericSize. [View source — packages/core/src/lib/geometry/regular-polygon.ts:44](/source/packages/core/src/lib/geometry/regular-polygon-ts/#L44)
sideLength (optional) ```ts sideLength?: number | undefined ``` Not accepted in this variant; use the alternative fields instead. See RegularPolygonNumericSize. Length of one polygon edge. See RegularPolygonNumericSize. [View source — packages/core/src/lib/geometry/regular-polygon.ts:49](/source/packages/core/src/lib/geometry/regular-polygon-ts/#L49)
cornerRadius (optional) ```ts cornerRadius?: number | undefined ``` Uniform corner radius used where no per-corner override is supplied. See RoundedCornerPathOptions. [View source — packages/core/src/lib/geometry/rounded-corners.ts:25](/source/packages/core/src/lib/geometry/rounded-corners-ts/#L25)
cornerRadii (optional) ```ts cornerRadii?: readonly (number | null | undefined)[] | undefined ``` Per-corner radii; nullish entries use the uniform corner radius. See RoundedCornerPathOptions. [View source — packages/core/src/lib/geometry/rounded-corners.ts:30](/source/packages/core/src/lib/geometry/rounded-corners-ts/#L30)
### RegularPolygonPathPosition Center, side count, and rotation for a regular polygon path. ```ts interface RegularPolygonPathPosition ``` Related API: [RegularPolygonPathPosition](/reference/types/elements-components/#regularpolygonpathposition). #### See also [RegularPolygonPathOptions](/reference/types/elements-components/#regularpolygonpathoptions) [View source — packages/core/src/lib/geometry/regular-polygon.ts:20](/source/packages/core/src/lib/geometry/regular-polygon-ts/#L20) #### Properties and methods
sides ```ts sides: number ``` Number of sides of the regular polygon. See RegularPolygonPathPosition. [View source — packages/core/src/lib/geometry/regular-polygon.ts:22](/source/packages/core/src/lib/geometry/regular-polygon-ts/#L22)
cx (optional) ```ts cx?: number | undefined ``` Horizontal coordinate of the center. See RegularPolygonPathPosition. [View source — packages/core/src/lib/geometry/regular-polygon.ts:24](/source/packages/core/src/lib/geometry/regular-polygon-ts/#L24)
cy (optional) ```ts cy?: number | undefined ``` Vertical coordinate of the center. See RegularPolygonPathPosition. [View source — packages/core/src/lib/geometry/regular-polygon.ts:26](/source/packages/core/src/lib/geometry/regular-polygon-ts/#L26)
rotation (optional) ```ts rotation?: number | undefined ``` Rotation applied to the containing geometry. See RegularPolygonPathPosition. [View source — packages/core/src/lib/geometry/regular-polygon.ts:28](/source/packages/core/src/lib/geometry/regular-polygon-ts/#L28)
### StarPathOptions Geometry and construction options for a star path. ```ts interface StarPathOptions extends RoundedCornerPathOptions ``` Related API: [StarPathOptions](/reference/types/elements-components/#starpathoptions), [RoundedCornerPathOptions](/reference/types/elements-components/#roundedcornerpathoptions). #### See also [RoundedCornerPathOptions](/reference/types/elements-components/#roundedcornerpathoptions) [createStarPath](/reference/functions/create-star-path/) [View source — packages/core/src/lib/geometry/star.ts:21](/source/packages/core/src/lib/geometry/star-ts/#L21) #### Properties and methods
points ```ts points: number ``` Points defining the geometry or reported by the contact query. See StarPathOptions. [View source — packages/core/src/lib/geometry/star.ts:23](/source/packages/core/src/lib/geometry/star-ts/#L23)
cx (optional) ```ts cx?: number | undefined ``` Horizontal coordinate of the center. See StarPathOptions. [View source — packages/core/src/lib/geometry/star.ts:25](/source/packages/core/src/lib/geometry/star-ts/#L25)
cy (optional) ```ts cy?: number | undefined ``` Vertical coordinate of the center. See StarPathOptions. [View source — packages/core/src/lib/geometry/star.ts:27](/source/packages/core/src/lib/geometry/star-ts/#L27)
outerRadius ```ts outerRadius: number ``` Radius of the outer boundary. See StarPathOptions. [View source — packages/core/src/lib/geometry/star.ts:29](/source/packages/core/src/lib/geometry/star-ts/#L29)
innerRadius ```ts innerRadius: number ``` Radius of the inner boundary. See StarPathOptions. [View source — packages/core/src/lib/geometry/star.ts:31](/source/packages/core/src/lib/geometry/star-ts/#L31)
rotation (optional) ```ts rotation?: number | undefined ``` Rotation applied to the containing geometry. See StarPathOptions. [View source — packages/core/src/lib/geometry/star.ts:33](/source/packages/core/src/lib/geometry/star-ts/#L33)
cornerRadius (optional) ```ts cornerRadius?: number | undefined ``` Uniform corner radius used where no per-corner override is supplied. See RoundedCornerPathOptions. [View source — packages/core/src/lib/geometry/rounded-corners.ts:25](/source/packages/core/src/lib/geometry/rounded-corners-ts/#L25)
cornerRadii (optional) ```ts cornerRadii?: readonly (number | null | undefined)[] | undefined ``` Per-corner radii; nullish entries use the uniform corner radius. See RoundedCornerPathOptions. [View source — packages/core/src/lib/geometry/rounded-corners.ts:30](/source/packages/core/src/lib/geometry/rounded-corners-ts/#L30)
### SvgPathOptions Geometry and construction options for a svg path. ```ts interface SvgPathOptions ``` Related API: [SvgPathOptions](/reference/types/elements-components/#svgpathoptions). #### See also [createSvgPath](/reference/functions/create-svg-path/) [View source — packages/core/src/lib/geometry/svg-path.ts:6](/source/packages/core/src/lib/geometry/svg-path-ts/#L6) #### Properties and methods
d ```ts d: string ``` Geometry to draw or clip, supplied in the declared path representation. See SvgPathOptions. [View source — packages/core/src/lib/geometry/svg-path.ts:11](/source/packages/core/src/lib/geometry/svg-path-ts/#L11)
### RoundedCornerPathOptions Uniform or per-corner radii for rounding supported path vertices. ```ts interface RoundedCornerPathOptions ``` Related API: [RoundedCornerPathOptions](/reference/types/elements-components/#roundedcornerpathoptions). #### See also [PolygonPathOptions](/reference/types/elements-components/#polygonpathoptions) [RectanglePathOptions](/reference/types/elements-components/#rectanglepathoptions) [StarPathOptions](/reference/types/elements-components/#starpathoptions) [RegularPolygonPathOptions](/reference/types/elements-components/#regularpolygonpathoptions) [View source — packages/core/src/lib/geometry/rounded-corners.ts:20](/source/packages/core/src/lib/geometry/rounded-corners-ts/#L20) #### Properties and methods
cornerRadius (optional) ```ts cornerRadius?: number | undefined ``` Uniform corner radius used where no per-corner override is supplied. See RoundedCornerPathOptions. [View source — packages/core/src/lib/geometry/rounded-corners.ts:25](/source/packages/core/src/lib/geometry/rounded-corners-ts/#L25)
cornerRadii (optional) ```ts cornerRadii?: readonly (number | null | undefined)[] | undefined ``` Per-corner radii; nullish entries use the uniform corner radius. See RoundedCornerPathOptions. [View source — packages/core/src/lib/geometry/rounded-corners.ts:30](/source/packages/core/src/lib/geometry/rounded-corners-ts/#L30)
### AbsoluteProps Authored inputs for Absolute, including the declared data and presentation options. ```ts interface AbsoluteProps extends PibblStructuralEventProps ``` Related API: [AbsoluteProps](/reference/types/elements-components/#absoluteprops). #### See also [PibblNodeInput](/reference/types/elements-components/#pibblnodeinput) [Absolute](/reference/components/absolute/) [View source — packages/core/src/lib/layout/absolute.ts:63](/source/packages/core/src/lib/layout/absolute-ts/#L63) #### Properties and methods
children ```ts children: PibblNodeInput ``` Related API: [PibblNodeInput](/reference/types/elements-components/#pibblnodeinput). Descendant content or the callback that supplies it. See PibblNodeInput. [View source — packages/core/src/lib/layout/absolute.ts:65](/source/packages/core/src/lib/layout/absolute-ts/#L65)
### OverlayProps Authored inputs for Overlay, including the declared data and presentation options. ```ts interface OverlayProps extends PibblStructuralEventProps ``` Related API: [OverlayProps](/reference/types/elements-components/#overlayprops). #### See also [PibblNodeInput](/reference/types/elements-components/#pibblnodeinput) [Overlay](/reference/components/overlay/) [View source — packages/core/src/lib/layout/overlay.ts:51](/source/packages/core/src/lib/layout/overlay-ts/#L51) #### Properties and methods
children ```ts children: PibblNodeInput ``` Related API: [PibblNodeInput](/reference/types/elements-components/#pibblnodeinput). Descendant content or the callback that supplies it. See PibblNodeInput. [View source — packages/core/src/lib/layout/overlay.ts:53](/source/packages/core/src/lib/layout/overlay-ts/#L53)
### FocusManagementProps Authored inputs for FocusManagement, including the declared data and presentation options. ```ts interface FocusManagementProps ``` Related API: [FocusManagementProps](/reference/types/elements-components/#focusmanagementprops). #### See also [FocusManagement](/reference/components/focus-management/) [View source — packages/core/src/lib/focus/policy-components.ts:74](/source/packages/core/src/lib/focus/policy-components-ts/#L74) #### Properties and methods
children ```ts readonly children: PibblPolicyChild ``` The single child receiving a logical focus manager. See PibblPolicyChild. [View source — packages/core/src/lib/focus/policy-components.ts:76](/source/packages/core/src/lib/focus/policy-components-ts/#L76)
### KeyboardNavigationProps Authored inputs for KeyboardNavigation, including the declared data and presentation options. ```ts interface KeyboardNavigationProps extends PibblKeyboardNavigationOptions ``` Related API: [KeyboardNavigationProps](/reference/types/elements-components/#keyboardnavigationprops), [PibblKeyboardNavigationOptions](/reference/types/events/#pibblkeyboardnavigationoptions). #### See also [PibblKeyboardNavigationOptions](/reference/types/events/#pibblkeyboardnavigationoptions) [KeyboardNavigation](/reference/components/keyboard-navigation/) [View source — packages/core/src/lib/focus/policy-components.ts:85](/source/packages/core/src/lib/focus/policy-components-ts/#L85) #### Properties and methods
children ```ts readonly children: PibblPolicyChild ``` The single child receiving a directional keyboard-navigation boundary. See PibblPolicyChild. [View source — packages/core/src/lib/focus/policy-components.ts:87](/source/packages/core/src/lib/focus/policy-components-ts/#L87)
mode ```ts readonly mode: "directional" ``` Selects the supported mapping, placement, or result policy. See PibblKeyboardNavigationOptions. [View source — packages/core/src/lib/focus/types.ts:19](/source/packages/core/src/lib/focus/types-ts/#L19)
### TextFit How text that exceeds its box remains visible, compresses, truncates, or clips. ```ts type TextFit = 'visible' | 'squish' | 'ellipsis' | 'clip' ``` Related API: [TextFit](/reference/types/elements-components/#textfit). #### See also [TextStyle](/reference/types/styles/#textstyle) [View source — packages/core/src/lib/style/types.ts:303](/source/packages/core/src/lib/style/types-ts/#L303) ### PibblComponent A synchronous function that receives props and returns Pibbl nodes. ```ts type PibblComponent

> = ( props: P, ) => PibblRenderResult ``` Related API: [PibblComponent](/reference/types/elements-components/#pibblcomponent), [PibblRenderResult](/reference/types/elements-components/#pibblrenderresult). #### Parameters - **`props`** — Authored component properties supplied by Pibbl. #### Returns Synchronous Pibbl render output. See [PibblRenderResult](/reference/types/elements-components/#pibblrenderresult). #### See also [PibblRenderResult](/reference/types/elements-components/#pibblrenderresult) [PibblElementType](/reference/types/elements-components/#pibblelementtype) [PibblPrimitiveComponent](/reference/types/elements-components/#pibblprimitivecomponent) [defineRenderLayer](/reference/functions/define-render-layer/) [View source — packages/core/src/lib/element/types.ts:117](/source/packages/core/src/lib/element/types-ts/#L117) ### PibblContainerChild A recursive child value accepted by a Pibbl container. ```ts type PibblContainerChild = PibblNodeInput ``` Related API: [PibblContainerChild](/reference/types/elements-components/#pibblcontainerchild), [PibblNodeInput](/reference/types/elements-components/#pibblnodeinput). #### See also [PibblNodeInput](/reference/types/elements-components/#pibblnodeinput) [View source — packages/core/src/lib/element/types.ts:98](/source/packages/core/src/lib/element/types-ts/#L98) ### PibblElement A branded element descriptor containing component identity, props, and an optional reconciliation key. ```ts interface PibblElement

``` Related API: [PibblElement](/reference/types/elements-components/#pibblelement). #### See also [PibblElementType](/reference/types/elements-components/#pibblelementtype) [PibblNode](/reference/types/elements-components/#pibblnode) [measureElement](/reference/functions/measure-element/) [createElement](/reference/functions/create-element/) [View source — packages/core/src/lib/element/types.ts:47](/source/packages/core/src/lib/element/types-ts/#L47) #### Properties and methods

type ```ts readonly type: PibblElementType

``` Related API: [PibblElementType](/reference/types/elements-components/#pibblelementtype). Component identity evaluated when this element is rendered. See PibblElementType. [View source — packages/core/src/lib/element/types.ts:50](/source/packages/core/src/lib/element/types-ts/#L50)

props ```ts readonly props: Readonly

``` Component props supplied to evaluation or measurement. See PibblElement. [View source — packages/core/src/lib/element/types.ts:52](/source/packages/core/src/lib/element/types-ts/#L52)

key (optional) ```ts readonly key?: string | undefined ``` Stable identity used by the containing protocol. See PibblElement. [View source — packages/core/src/lib/element/types.ts:54](/source/packages/core/src/lib/element/types-ts/#L54)
### PibblElementType A component or fragment identity that can be used to construct a Pibbl element. ```ts type PibblElementType

= PibblComponent

``` Related API: [PibblElementType](/reference/types/elements-components/#pibblelementtype), [PibblComponent](/reference/types/elements-components/#pibblcomponent). #### See also [PibblComponent](/reference/types/elements-components/#pibblcomponent) [PibblElement](/reference/types/elements-components/#pibblelement) [createElement](/reference/functions/create-element/) [View source — packages/core/src/lib/element/types.ts:150](/source/packages/core/src/lib/element/types-ts/#L150) ### PibblEmptyNode A child value that intentionally contributes no rendered output. ```ts type PibblEmptyNode = false | true | null | undefined | '' | 0 ``` Related API: [PibblEmptyNode](/reference/types/elements-components/#pibblemptynode). #### See also [PibblNode](/reference/types/elements-components/#pibblnode) [View source — packages/core/src/lib/element/types.ts:23](/source/packages/core/src/lib/element/types-ts/#L23) ### PibblKey A stable sibling identity used when reconciling keyed elements. ```ts type PibblKey = string | number ``` Related API: [PibblKey](/reference/types/elements-components/#pibblkey). #### See also [createElement](/reference/functions/create-element/) [PibblElement](/reference/types/elements-components/#pibblelement) [View source — packages/core/src/lib/element/types.ts:17](/source/packages/core/src/lib/element/types-ts/#L17) ### PibblNode Recursive synchronous render output, including elements and empty child values. ```ts type PibblNode = | PibblElement | PibblEmptyNode | readonly PibblNode[] | Iterable ``` Related API: [PibblNode](/reference/types/elements-components/#pibblnode), [PibblElement](/reference/types/elements-components/#pibblelement), [PibblEmptyNode](/reference/types/elements-components/#pibblemptynode). #### See also [PibblElement](/reference/types/elements-components/#pibblelement) [PibblEmptyNode](/reference/types/elements-components/#pibblemptynode) [PibblNodeInput](/reference/types/elements-components/#pibblnodeinput) [View source — packages/core/src/lib/element/types.ts:64](/source/packages/core/src/lib/element/types-ts/#L64) ### PibblNodeInput An authored node input that may be supplied by a signal. ```ts type PibblNodeInput = | SignalValue | readonly PibblNodeInput[] | Iterable ``` Related API: [PibblNodeInput](/reference/types/elements-components/#pibblnodeinput), [SignalValue](/reference/types/signal-inputs/#signalvalue), [PibblNode](/reference/types/elements-components/#pibblnode). #### See also [SignalValue](/reference/types/signal-inputs/#signalvalue) [PibblNode](/reference/types/elements-components/#pibblnode) [PibblContainerChild](/reference/types/elements-components/#pibblcontainerchild) [PibblRenderResult](/reference/types/elements-components/#pibblrenderresult) [View source — packages/core/src/lib/element/types.ts:78](/source/packages/core/src/lib/element/types-ts/#L78) ### PibblPrimitiveComponent A branded primitive component with separate authored-input and resolved-prop types. ```ts type PibblPrimitiveComponent

, I = P> = PibblComponent & { readonly [pibblPrimitiveComponentBrand]: { readonly input: I; readonly programProps: P; }; } ``` Related API: [PibblPrimitiveComponent](/reference/types/elements-components/#pibblprimitivecomponent), [PibblComponent](/reference/types/elements-components/#pibblcomponent). #### See also [PibblComponent](/reference/types/elements-components/#pibblcomponent) [PrimitiveInputOf](/reference/types/styles/#primitiveinputof) [definePrimitive](/reference/functions/define-primitive/) [View source — packages/core/src/lib/element/types.ts:127](/source/packages/core/src/lib/element/types-ts/#L127) ### PibblTextChild A textual child accepted by the Text primitive. ```ts type PibblTextChild = | string | number | boolean | null | undefined | readonly PibblTextChild[] | Iterable ``` Related API: [PibblTextChild](/reference/types/elements-components/#pibbltextchild). #### See also [PibblTextInput](/reference/types/elements-components/#pibbltextinput) [View source — packages/core/src/lib/element/types.ts:29](/source/packages/core/src/lib/element/types-ts/#L29) ### PibblTextInput Literal or signal-supplied text content for the Text primitive. ```ts type PibblTextInput = | SignalValue | readonly PibblTextInput[] | Iterable ``` Related API: [PibblTextInput](/reference/types/elements-components/#pibbltextinput), [SignalValue](/reference/types/signal-inputs/#signalvalue), [PibblTextChild](/reference/types/elements-components/#pibbltextchild). #### See also [SignalValue](/reference/types/signal-inputs/#signalvalue) [PibblTextChild](/reference/types/elements-components/#pibbltextchild) [TextProps](/reference/types/elements-components/#textprops) [View source — packages/core/src/lib/element/types.ts:89](/source/packages/core/src/lib/element/types-ts/#L89) ### PibblRenderResult The supported synchronous return value of a Pibbl component. ```ts type PibblRenderResult = PibblNodeInput | void ``` Related API: [PibblRenderResult](/reference/types/elements-components/#pibblrenderresult), [PibblNodeInput](/reference/types/elements-components/#pibblnodeinput). #### See also [PibblNodeInput](/reference/types/elements-components/#pibblnodeinput) [PibblComponent](/reference/types/elements-components/#pibblcomponent) [View source — packages/core/src/lib/element/types.ts:105](/source/packages/core/src/lib/element/types-ts/#L105) ## Implementation guidance for agents Read the [Authoring, signals, and lifecycle companion](/agents/topics/lifecycle/) for ownership, adaptation, failure modes, and verification. [Agent start](/agents/) provides the version-selection workflow. ## Complete minimal examples - [Absolute and overlay layout](/minimal-examples/layout/absolute-overlay/): Position a block absolutely and center content within an overlay. [Plain source](/minimal/layout/absolute-overlay.tsx) - [Circular path factories](/minimal-examples/paths/circular-factories/): Create circle, ellipse, arc, and wedge Path2D shapes. [Plain source](/minimal/paths/circular-factories.ts) - [Rounded and circular marks](/minimal-examples/drawing/round-shapes/): Draw a circle, ellipse, rounded rectangle, arc, and wedge with typed props and styles. [Plain source](/minimal/drawing/round-shapes.tsx) - [Drawing composition](/minimal-examples/drawing/composition/): Group, cache, and clip a drawing, then add text and an embedded thumbnail. [Plain source](/minimal/drawing/composition.tsx) - [Focus and arrow navigation](/minimal-examples/events/focus/): Two logical targets participate in Tab focus and directional keyboard navigation. [Plain source](/minimal/events/focus.tsx) - [Lines and authored paths](/minimal-examples/drawing/strokes-paths/): Combine polyline, axis-aligned strokes, mutable geometry, and SVG path data. [Plain source](/minimal/drawing/strokes-paths.tsx) - [Line and SVG paths](/minimal-examples/paths/line-svg-factories/): Construct a polyline and an SVG path from authored coordinates. [Plain source](/minimal/paths/line-svg-factories.ts) - [Typed components and recursive children](/minimal-examples/lifecycle/elements/): Build a component with createElement, group its children in a Fragment, and render textual children. [Plain source](/minimal/lifecycle/elements.tsx) - [Physics drawing components](/minimal-examples/physics/runtime-components/): Draw four physics shapes and move a custom kinematic collider. [Plain source](/minimal/physics/runtime-components.tsx) - [Define a Canvas primitive](/minimal-examples/lifecycle/primitive/): Supply synchronous drawing, style normalization, resolution, and opt-in measurement. [Plain source](/minimal/lifecycle/primitive.tsx) - [Polygon path factories](/minimal-examples/paths/polygon-factories/): Create rounded rectangles and polygons alongside regular and star shapes. [Plain source](/minimal/paths/polygon-factories.ts) - [Polygon marks](/minimal-examples/drawing/polygons/): Draw a rounded triangle, regular hexagon, and five-point star. [Plain source](/minimal/drawing/polygons.tsx) ## Documentation version Documentation built with @pibbl/core 0.0.2, revision 272a94a. ALPHA — NOT FOR PRODUCTION USE.