{
  "version": 3,
  "file": "snackbar.912224e2.css",
  "sources": [
    "../../../../../../snackbar.svelte"
  ],
  "sourcesContent": [
    "<script context=\"module\">\n  export async function preload() {\n    const res = await this.fetch(`components/snackbar.json`);\n    const jsdoc = await res.json();\n\n    return { jsdoc };\n  }\n</script>\n\n<script>\n  import { Button, Snackbar } from 'svelma-pro'\n  import DocHeader from '../../components/DocHeader.svelte'\n  import Example from '../../components/Example.svelte'\n  import JSDoc from '../../components/JSDoc.svelte'\n\n  export let jsdoc\n\n  function open(props) {\n    Snackbar.create({ message: 'I am a snackbar message', ...props })\n  }\n</script>\n\n<style>\n.buttons {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9yb3V0ZXMvY29tcG9uZW50cy9zbmFja2Jhci5zdmVsdGUiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBO0VBQ0Usb0JBQWE7RUFBYixvQkFBYTtFQUFiLGFBQWE7RUFDYix1QkFBMkI7TUFBM0Isb0JBQTJCO1VBQTNCLDJCQUEyQjtFQUMzQixtQkFBZTtNQUFmLGVBQWU7QUFDakIiLCJmaWxlIjoic3JjL3JvdXRlcy9jb21wb25lbnRzL3NuYWNrYmFyLnN2ZWx0ZSIsInNvdXJjZXNDb250ZW50IjpbIlxuLmJ1dHRvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGZsZXgtd3JhcDogd3JhcDtcbn1cbiJdfQ== */</style>\n\n<DocHeader title=\"Snackbar\" subtitle=\"比提示轻量,比吐司重要的提醒框\" />\n\n<Example code={`<script>\n  import { Button, Snackbar } from 'svelma-pro'\n\n  function open(props) {\n    Snackbar.create({ message: 'I am a snackbar message', ...props })\n  }\n</script>\n\n<div class=\"buttons\">\n  <Button on:click={() => open()}>Default Snackbar</Button>\n  <Button type=\"is-success\" on:click={() => open({ type: 'is-success' })}>Success</Button>\n  <Button type=\"is-danger\" on:click={() => open({ type: 'is-danger', actionText: 'retry', position: 'is-top-right' })}>Top Right</Button>\n  <Button type=\"is-primary\" on:click={() => open({ background: 'has-background-grey-lighter' })}>Custom Background</Button>\n</div>`}>\n  <div slot=\"preview\">\n    <div class=\"buttons\">\n      <Button on:click={() => open()}>Default Snackbar</Button>\n      <Button type=\"is-success\" on:click={() => open({ type: 'is-success' })}>Success</Button>\n      <Button type=\"is-danger\" on:click={() => open({ type: 'is-danger', actionText: 'retry', position: 'is-top-right' })}>Top Right</Button>\n      <Button type=\"is-primary\" on:click={() => open({ background: 'has-background-grey-lighter' })}>Custom Background</Button>\n    </div>\n  </div>\n</Example>\n\n\n<JSDoc {jsdoc} />"
  ],
  "names": [],
  "mappings": "AAuBA,QAAQ,cAAC,CAAC,AACR,OAAO,CAAE,WAAW,CACpB,OAAO,CAAE,WAAW,CACpB,OAAO,CAAE,IAAI,CACb,gBAAgB,CAAE,KAAK,CACnB,aAAa,CAAE,KAAK,CAChB,eAAe,CAAE,UAAU,CACnC,aAAa,CAAE,IAAI,CACf,SAAS,CAAE,IAAI,AACrB,CAAC"
}