Skip to main content
Version: Next

Anchor

Live Editor
function AnchorDemo() {
  return (
    <ThemeProvider>
      <>
        <Anchor id="filters-anchor" />
        <Positioner anchor="filters-anchor" placement="bottom">
          <div>Anchored content</div>
        </Positioner>
      </>
    </ThemeProvider>
  );
}
Result
Loading...

Key Props​

children

Notes​

  • Anchor is intentionally minimal. Most behavior lives in the components that reference it.
  • Use normal React HTML attributes like id, className, and style when needed.