\n\t;\n arrow?: Partial;\n computeStyles?: Partial;\n eventListeners?: Partial;\n flip?: Partial;\n hide?: Partial;\n offset?: Partial;\n popperOffsets?: Partial;\n preventOverflow?: Partial;\n}\n```\n\n
\n\n> **Intended for advanced customization—use with caution.**\n\nPopperModifiers Type Definition
\n\n```typescript\ninterface PopperModifiers {\n applyStyles?: Partial\n
\n\n\nPlacement Type Definition
\n\n```typescript\ntype Placement = \n| \"auto\" | \"auto-start\" | \"auto-end\"\n| \"top\" | \"top-start\" | \"top-end\"\n| \"bottom\" | \"bottom-start\" | \"bottom-end\"\n| \"right\"| \"right-start\" | \"right-end\"\n| \"left\" | \"left-start\" | \"left-end\"\n| \"center\"\n```\n\n\n
\n\nStyles Type Definition
\n\n```typescript\ninterface Styles {\n arrow: CSSProperties & {\n size: number;\n base: number;\n };\n close: CSSProperties;\n container: CSSProperties;\n content: CSSProperties;\n floater: CSSProperties;\n floaterCentered: CSSProperties;\n floaterClosing: CSSProperties;\n floaterOpening: CSSProperties;\n floaterWithAnimation: CSSProperties;\n floaterWithComponent: CSSProperties;\n footer: CSSProperties;\n options: {\n zIndex: number;\n };\n title: CSSProperties;\n wrapper: CSSProperties;\n wrapperPosition: CSSProperties;\n}\n```\n\n\n
\n\n## Modes\n\nReact Floater supports several modes for flexible positioning and control:\n\n**Default** \nThe Floater is anchored to its child and triggers on event.\n\n```tsx\nWrapperOptions Type Definition
\n\n```typescript\ninterface WrapperOptions {\n offset: number; // The distance between the wrapper and the target. It can be a negative value.\n placement: string; // the same options as above, except center\n position: boolean; // Set to true to position the wrapper\n}\n```\n\n\n ![](\"some-path\")
\n\n \n click me\n \n
\n```\n\n**Beacon** \nThe Floater wrapper is positioned relative to the target (useful for guided tours or beacons).\n\n```tsx\n\n \n ◉\n \n
\n```\n\n**Controlled** \nYou manage the Floater’s visibility with the `open` prop - no trigger events are needed.\nIn this mode, you don't even need to have `children`\n\n```tsx\n\n \n
\n```\n","readmeFilename":"README.md"}