import { Meta, Preview, Props, Story } from "@storybook/addon-docs/blocks";
import { ComponentHeading } from "../../storybook-components";
import { Absolute } from "./Absolute";

<Meta title="Components/Positioning/Absolute" component={Absolute} />

<ComponentHeading
  componentName="Absolute"
  description="A component for wrapping children in an absolute-positioned container"
  sourcePath="src/components/Absolute/Absolute.tsx"
  hideDemosLink
/>

```jsx
import { Absolute } from "@aptible/arrow-ds";
```

<Preview>
  <Story name="Absolute">
    <Absolute>This is the Absolute component</Absolute>
  </Story>
</Preview>

## Props

<Props of={Absolute} />