import { Story, Canvas } from '@storybook/addon-docs';
import Readme from './README.md';
import Spec from './popup-primitive.spec.md';

# Popup Primitive

<Canvas>
  <div>
    <sds-button onclick="overlay.toggle()">Toggle Popup</sds-button>
    <sds-popup-primitive id="overlay">Placeholder text passed through the default slot.</sds-popup-primitive>
  </div>
</Canvas>

<Readme />

<Spec />