package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tiny-components/confirm",
-  "version": "0.1.1",
+  "version": "0.1.0",
   "description": "confirm or cancel",
   "repository": {
     "type": "git",

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>

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>