docs: more complete pagination story

hecktarzuli · Jan 16, 2018 · ec50846 · ec50846
1 parent 203c9f3
commit ec50846
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/stories/Pagination.stories.js b/stories/Pagination.stories.js
@@ -6,11 +6,13 @@ storiesOf('Pagination', module)
   .add('default', () => ({
     template: '<ais-pagination></ais-pagination>',
   }))
-  .add('custom rendering', () => ({
-    template: `<ais-pagination>
-      <span slot="first">first</span>
-      <span slot="previous">previous</span>
-      <span slot="next">next</span>
-      <span slot="last">last</span>
-    </ais-pagination>`,
+  .add('complete custom rendering', () => ({
+    template: `
+      <ais-pagination padding="5" style="font-family: Fira Code, sans-serif">
+        <span slot="first"><<-</span>
+        <span slot="previous"><-</span>
+        <span slot="next">-></span>
+        <span slot="last">->></span>
+        <span slot="default" slot-scope="{value, active}" :style="{color: active ? 'red' : 'green'}">{{value.toLocaleString()}} </span>
+      </ais-pagination>`,
   }));