diff --git a/example/example.js b/example/example.js
index b84c4ae..4567d22 100644
--- a/example/example.js
+++ b/example/example.js
@@ -43,4 +43,4 @@ function(t,e,n,r){const o=n||Pt(t);return l.has(o)||$(`The component named "${o}
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://gitea.node001.net/tiny-components/confirm
  *
- */const Gt=n.n(qt)()({confirm:function(t){this.off("confirm"),this.on("confirm",(function(){t()}))},cancel:function(t){this.off("cancel"),this.on("cancel",(function(){t()}))}}),Rt={css:null,exports:{state:{hasConfirmed:!1,hasCanceled:!1},handleOpen(){Gt.trigger("open",{title:"Question",content:"Are you sure?"}),Gt.confirm((()=>{this.state.hasConfirmed=!0,this.update(),setTimeout((()=>{this.state.hasConfirmed=!1,this.update()}),5e3)})),Gt.cancel((()=>{this.state.hasCanceled=!0,this.update(),setTimeout((()=>{this.state.hasCanceled=!1,this.update()}),5e3)}))}},template:(t,e,n,r)=>t('<div><button expr0="expr0" class="button button--outline button--danger" type="button"><svg class="icon fill-danger m-right-3"><use xlink:href="/symbol-defs.svg#icon-close"/></svg>\n            Click me!\n        </button><div expr1="expr1" class="color-success"></div><div expr2="expr2" class="color-danger"></div></div>',[{redundantAttribute:"expr0",selector:"[expr0]",expressions:[{type:e.EVENT,name:"onclick",evaluate:t=>()=>{t.handleOpen()}}]},{type:n.IF,evaluate:t=>t.state.hasConfirmed,redundantAttribute:"expr1",selector:"[expr1]",template:t("\n            Ok!\n        ",[])},{type:n.IF,evaluate:t=>t.state.hasCanceled,redundantAttribute:"expr2",selector:"[expr2]",template:t("\n            Ok! But why?!\n        ",[])}]),name:"tiny-confirm"};Kt("tiny-confirm",{css:null,exports:{state:{isOpen:!1,transitionClass:!1,content:null},onMounted(){Gt.on("open",(t=>{this.open(t)})),this.root.addEventListener("transitionend",(t=>{this.state.transitionClass=!1,this.update()}))},open(t){this.state.transitionClass="modal-wrap--transition-open",this.state.isOpen=!0,t.title&&(this.state.title=t.title),t.content&&(this.state.content=t.content),this.update()},close(){this.state.transitionClass="modal-wrap--transition-close",this.state.isOpen=!1,this.state.content=null,this.update()},handleCancel(){Gt.trigger("cancel"),this.close()},handleConfirm(){Gt.trigger("confirm"),this.close()},getModalClasses(){const t=["tiny-modal modal"];return this.state.isOpen&&t.push("modal--open"),this.state.transitionClass&&t.push(this.state.transitionClass),t.join(" ")}},template:(t,e,n,r)=>t('<div expr3="expr3"><div class="modal__inner"><div class="modal__title center"><svg class="icon fill-text-contrast"><use xlink:href="/symbol-defs.svg#icon-circle-warning"/></svg><div expr4="expr4"></div></div><div expr5="expr5" class="modal__body center"></div><div class="modal__footer"><button expr6="expr6" class="button button--outline button--danger" type="button"><svg class="icon fill-danger"><use xlink:href="/symbol-defs.svg#icon-close"/></svg></button><button expr7="expr7" class="button button--outline button--success" type="button"><svg class="icon fill-success"><use xlink:href="/symbol-defs.svg#icon-check"/></svg></button></div></div></div>',[{redundantAttribute:"expr3",selector:"[expr3]",expressions:[{type:e.ATTRIBUTE,name:"class",evaluate:t=>t.getModalClasses()}]},{type:n.IF,evaluate:t=>t.state.title,redundantAttribute:"expr4",selector:"[expr4]",template:t(" ",[{expressions:[{type:e.TEXT,childNodeIndex:0,evaluate:t=>[t.state.title].join("")}]}])},{type:n.IF,evaluate:t=>t.state.content,redundantAttribute:"expr5",selector:"[expr5]",template:t(" ",[{expressions:[{type:e.TEXT,childNodeIndex:0,evaluate:t=>[t.state.content].join("")}]}])},{redundantAttribute:"expr6",selector:"[expr6]",expressions:[{type:e.EVENT,name:"onclick",evaluate:t=>()=>{t.handleCancel()}}]},{redundantAttribute:"expr7",selector:"[expr7]",expressions:[{type:e.EVENT,name:"onclick",evaluate:t=>()=>{t.handleConfirm()}}]}]),name:"tiny-confirm"}),Kt("example-confirm",Rt),Xt("tiny-confirm"),Xt("example-confirm")},37:()=>{},155:t=>{var e,n,r=t.exports={};function o(){throw new Error("setTimeout has not been defined")}function s(){throw new Error("clearTimeout has not been defined")}function i(t){if(e===setTimeout)return setTimeout(t,0);if((e===o||!e)&&setTimeout)return e=setTimeout,setTimeout(t,0);try{return e(t,0)}catch(n){try{return e.call(null,t,0)}catch(n){return e.call(this,t,0)}}}!function(){try{e="function"==typeof setTimeout?setTimeout:o}catch(t){e=o}try{n="function"==typeof clearTimeout?clearTimeout:s}catch(t){n=s}}();var a,u=[],c=!1,l=-1;function h(){c&&a&&(c=!1,a.length?u=a.concat(u):l=-1,u.length&&p())}function p(){if(!c){var t=i(h);c=!0;for(var e=u.length;e;){for(a=u,u=[];++l<e;)a&&a[l].run();l=-1,e=u.length}a=null,c=!1,function(t){if(n===clearTimeout)return clearTimeout(t);if((n===s||!n)&&clearTimeout)return n=clearTimeout,clearTimeout(t);try{n(t)}catch(e){try{return n.call(null,t)}catch(e){return n.call(this,t)}}}(t)}}function d(t,e){this.fun=t,this.array=e}function m(){}r.nextTick=function(t){var e=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)e[n-1]=arguments[n];u.push(new d(t,e)),1!==u.length||c||i(p)},d.prototype.run=function(){this.fun.apply(null,this.array)},r.title="browser",r.browser=!0,r.env={},r.argv=[],r.version="",r.versions={},r.on=m,r.addListener=m,r.once=m,r.off=m,r.removeListener=m,r.removeAllListeners=m,r.emit=m,r.prependListener=m,r.prependOnceListener=m,r.listeners=function(t){return[]},r.binding=function(t){throw new Error("process.binding is not supported")},r.cwd=function(){return"/"},r.chdir=function(t){throw new Error("process.chdir is not supported")},r.umask=function(){return 0}}},n={};function r(t){var o=n[t];if(void 0!==o)return o.exports;var s=n[t]={exports:{}};return e[t](s,s.exports,r),s.exports}r.m=e,t=[],r.O=(e,n,o,s)=>{if(!n){var i=1/0;for(l=0;l<t.length;l++){for(var[n,o,s]=t[l],a=!0,u=0;u<n.length;u++)(!1&s||i>=s)&&Object.keys(r.O).every((t=>r.O[t](n[u])))?n.splice(u--,1):(a=!1,s<i&&(i=s));if(a){t.splice(l--,1);var c=o();void 0!==c&&(e=c)}}return e}s=s||0;for(var l=t.length;l>0&&t[l-1][2]>s;l--)t[l]=t[l-1];t[l]=[n,o,s]},r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={268:0,908:0};r.O.j=e=>0===t[e];var e=(e,n)=>{var o,s,[i,a,u]=n,c=0;if(i.some((e=>0!==t[e]))){for(o in a)r.o(a,o)&&(r.m[o]=a[o]);if(u)var l=u(r)}for(e&&e(n);c<i.length;c++)s=i[c],r.o(t,s)&&t[s]&&t[s][0](),t[s]=0;return r.O(l)},n=self.webpackChunk_tiny_components_confirm=self.webpackChunk_tiny_components_confirm||[];n.forEach(e.bind(null,0)),n.push=e.bind(null,n.push.bind(n))})(),r.O(void 0,[908],(()=>r(107)));var o=r.O(void 0,[908],(()=>r(37)));o=r.O(o)})();
\ No newline at end of file
+ */const Gt=n.n(qt)()({confirm:function(t){this.off("confirm"),this.on("confirm",(function(){t()}))},cancel:function(t){this.off("cancel"),this.on("cancel",(function(){t()}))}}),Rt={css:null,exports:{state:{hasConfirmed:!1,hasCanceled:!1},handleOpen(){Gt.trigger("open",{title:"Question",content:"Are you sure?"}),Gt.confirm((()=>{this.state.hasConfirmed=!0,this.update(),setTimeout((()=>{this.state.hasConfirmed=!1,this.update()}),5e3)})),Gt.cancel((()=>{this.state.hasCanceled=!0,this.update(),setTimeout((()=>{this.state.hasCanceled=!1,this.update()}),5e3)}))}},template:(t,e,n,r)=>t('<div><button expr5="expr5" class="button button--outline button--danger" type="button"><svg class="icon fill-danger m-right-3"><use xlink:href="symbol-defs.svg#icon-close"/></svg>\n            Click me!\n        </button><div expr6="expr6" class="color-success"></div><div expr7="expr7" class="color-danger"></div></div>',[{redundantAttribute:"expr5",selector:"[expr5]",expressions:[{type:e.EVENT,name:"onclick",evaluate:t=>()=>{t.handleOpen()}}]},{type:n.IF,evaluate:t=>t.state.hasConfirmed,redundantAttribute:"expr6",selector:"[expr6]",template:t("\n            Ok!\n        ",[])},{type:n.IF,evaluate:t=>t.state.hasCanceled,redundantAttribute:"expr7",selector:"[expr7]",template:t("\n            Ok! But why?!\n        ",[])}]),name:"tiny-confirm"};Kt("tiny-confirm",{css:null,exports:{state:{isOpen:!1,transitionClass:!1,content:null},onMounted(){Gt.on("open",(t=>{this.open(t)})),this.root.addEventListener("transitionend",(t=>{this.state.transitionClass=!1,this.update()}))},open(t){this.state.transitionClass="modal-wrap--transition-open",this.state.isOpen=!0,t.title&&(this.state.title=t.title),t.content&&(this.state.content=t.content),this.update()},close(){this.state.transitionClass="modal-wrap--transition-close",this.state.isOpen=!1,this.state.content=null,this.update()},handleCancel(){Gt.trigger("cancel"),this.close()},handleConfirm(){Gt.trigger("confirm"),this.close()},getModalClasses(){const t=["tiny-modal modal"];return this.state.isOpen&&t.push("modal--open"),this.state.transitionClass&&t.push(this.state.transitionClass),t.join(" ")}},template:(t,e,n,r)=>t('<div expr0="expr0"><div class="modal__inner"><div class="modal__title center"><svg class="icon fill-text-contrast"><use xlink:href="symbol-defs.svg#icon-circle-warning"/></svg><div expr1="expr1"></div></div><div expr2="expr2" class="modal__body center"></div><div class="modal__footer"><button expr3="expr3" class="button button--outline button--danger" type="button"><svg class="icon fill-danger"><use xlink:href="symbol-defs.svg#icon-close"/></svg></button><button expr4="expr4" class="button button--outline button--success" type="button"><svg class="icon fill-success"><use xlink:href="symbol-defs.svg#icon-check"/></svg></button></div></div></div>',[{redundantAttribute:"expr0",selector:"[expr0]",expressions:[{type:e.ATTRIBUTE,name:"class",evaluate:t=>t.getModalClasses()}]},{type:n.IF,evaluate:t=>t.state.title,redundantAttribute:"expr1",selector:"[expr1]",template:t(" ",[{expressions:[{type:e.TEXT,childNodeIndex:0,evaluate:t=>[t.state.title].join("")}]}])},{type:n.IF,evaluate:t=>t.state.content,redundantAttribute:"expr2",selector:"[expr2]",template:t(" ",[{expressions:[{type:e.TEXT,childNodeIndex:0,evaluate:t=>[t.state.content].join("")}]}])},{redundantAttribute:"expr3",selector:"[expr3]",expressions:[{type:e.EVENT,name:"onclick",evaluate:t=>()=>{t.handleCancel()}}]},{redundantAttribute:"expr4",selector:"[expr4]",expressions:[{type:e.EVENT,name:"onclick",evaluate:t=>()=>{t.handleConfirm()}}]}]),name:"tiny-confirm"}),Kt("example-confirm",Rt),Xt("tiny-confirm"),Xt("example-confirm")},37:()=>{},155:t=>{var e,n,r=t.exports={};function o(){throw new Error("setTimeout has not been defined")}function s(){throw new Error("clearTimeout has not been defined")}function i(t){if(e===setTimeout)return setTimeout(t,0);if((e===o||!e)&&setTimeout)return e=setTimeout,setTimeout(t,0);try{return e(t,0)}catch(n){try{return e.call(null,t,0)}catch(n){return e.call(this,t,0)}}}!function(){try{e="function"==typeof setTimeout?setTimeout:o}catch(t){e=o}try{n="function"==typeof clearTimeout?clearTimeout:s}catch(t){n=s}}();var a,u=[],c=!1,l=-1;function h(){c&&a&&(c=!1,a.length?u=a.concat(u):l=-1,u.length&&p())}function p(){if(!c){var t=i(h);c=!0;for(var e=u.length;e;){for(a=u,u=[];++l<e;)a&&a[l].run();l=-1,e=u.length}a=null,c=!1,function(t){if(n===clearTimeout)return clearTimeout(t);if((n===s||!n)&&clearTimeout)return n=clearTimeout,clearTimeout(t);try{n(t)}catch(e){try{return n.call(null,t)}catch(e){return n.call(this,t)}}}(t)}}function d(t,e){this.fun=t,this.array=e}function m(){}r.nextTick=function(t){var e=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)e[n-1]=arguments[n];u.push(new d(t,e)),1!==u.length||c||i(p)},d.prototype.run=function(){this.fun.apply(null,this.array)},r.title="browser",r.browser=!0,r.env={},r.argv=[],r.version="",r.versions={},r.on=m,r.addListener=m,r.once=m,r.off=m,r.removeListener=m,r.removeAllListeners=m,r.emit=m,r.prependListener=m,r.prependOnceListener=m,r.listeners=function(t){return[]},r.binding=function(t){throw new Error("process.binding is not supported")},r.cwd=function(){return"/"},r.chdir=function(t){throw new Error("process.chdir is not supported")},r.umask=function(){return 0}}},n={};function r(t){var o=n[t];if(void 0!==o)return o.exports;var s=n[t]={exports:{}};return e[t](s,s.exports,r),s.exports}r.m=e,t=[],r.O=(e,n,o,s)=>{if(!n){var i=1/0;for(l=0;l<t.length;l++){for(var[n,o,s]=t[l],a=!0,u=0;u<n.length;u++)(!1&s||i>=s)&&Object.keys(r.O).every((t=>r.O[t](n[u])))?n.splice(u--,1):(a=!1,s<i&&(i=s));if(a){t.splice(l--,1);var c=o();void 0!==c&&(e=c)}}return e}s=s||0;for(var l=t.length;l>0&&t[l-1][2]>s;l--)t[l]=t[l-1];t[l]=[n,o,s]},r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={268:0,908:0};r.O.j=e=>0===t[e];var e=(e,n)=>{var o,s,[i,a,u]=n,c=0;if(i.some((e=>0!==t[e]))){for(o in a)r.o(a,o)&&(r.m[o]=a[o]);if(u)var l=u(r)}for(e&&e(n);c<i.length;c++)s=i[c],r.o(t,s)&&t[s]&&t[s][0](),t[s]=0;return r.O(l)},n=self.webpackChunk_tiny_components_confirm=self.webpackChunk_tiny_components_confirm||[];n.forEach(e.bind(null,0)),n.push=e.bind(null,n.push.bind(n))})(),r.O(void 0,[908],(()=>r(107)));var o=r.O(void 0,[908],(()=>r(37)));o=r.O(o)})();
\ No newline at end of file
diff --git a/package.json b/package.json
index 21766c7..6d3a98e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tiny-components/confirm",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "confirm or cancel",
   "repository": {
     "type": "git",
diff --git a/src/confirm.riot b/src/confirm.riot
index 6df2305..87f645f 100644
--- a/src/confirm.riot
+++ b/src/confirm.riot
@@ -3,7 +3,7 @@
         <div class="modal__inner">
             <div class="modal__title center">
                 <svg class="icon fill-text-contrast">
-                    <use xlink:href="/symbol-defs.svg#icon-circle-warning" />
+                    <use xlink:href="symbol-defs.svg#icon-circle-warning" />
                 </svg>
                 <div if={ state.title }>
                     { state.title }
@@ -15,12 +15,12 @@
             <div class="modal__footer">
                 <button class="button button--outline button--danger" type="button" onclick={ () => { handleCancel() }}>
                     <svg class="icon fill-danger">
-                        <use xlink:href="/symbol-defs.svg#icon-close" />
+                        <use xlink:href="symbol-defs.svg#icon-close" />
                     </svg>
                 </button>
                 <button class="button button--outline button--success" type="button" onclick={ () => { handleConfirm() }}>
                     <svg class="icon fill-success">
-                        <use xlink:href="/symbol-defs.svg#icon-check" />
+                        <use xlink:href="symbol-defs.svg#icon-check" />
                     </svg>
                 </button>
             </div>
diff --git a/src/example-confirm.riot b/src/example-confirm.riot
index ab2f886..e036c4b 100644
--- a/src/example-confirm.riot
+++ b/src/example-confirm.riot
@@ -2,7 +2,7 @@
     <div>
         <button class="button button--outline button--danger" type="button" onclick={ () => { handleOpen() }}>
             <svg class="icon fill-danger m-right-3">
-                <use xlink:href="/symbol-defs.svg#icon-close" />
+                <use xlink:href="symbol-defs.svg#icon-close" />
             </svg>
             Click me!
         </button>