From c3c3cc811ec6d52f929b24aec8bcfdf8f8d3a401 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Thu, 3 Aug 2017 23:50:10 -0500 Subject: [PATCH] fix(spinner): init spinner styling --- .../core/src/components/spinner/spinner.tsx | 7 ++- .../src/components/spinner/test/basic.html | 12 ++++ .../src/components/spinner/test/color.html | 59 +++++++++++++++++++ 3 files changed, 76 insertions(+), 2 deletions(-) create mode 100644 packages/core/src/components/spinner/test/basic.html create mode 100644 packages/core/src/components/spinner/test/color.html diff --git a/packages/core/src/components/spinner/spinner.tsx b/packages/core/src/components/spinner/spinner.tsx index 901a00e4d8..37fe69542f 100644 --- a/packages/core/src/components/spinner/spinner.tsx +++ b/packages/core/src/components/spinner/spinner.tsx @@ -10,12 +10,15 @@ import { SPINNERS, SpinnerConfig } from './spinner-configs'; ios: 'spinner.ios.scss', md: 'spinner.md.scss', wp: 'spinner.wp.scss' + }, + host: { + theme: 'spinner' } }) export class Spinner { + mode: string; + color: string; - @Prop() mode: string; - @Prop() color: string; @Prop() duration: number = null; @Prop() name: string; @Prop() paused: boolean = false; diff --git a/packages/core/src/components/spinner/test/basic.html b/packages/core/src/components/spinner/test/basic.html new file mode 100644 index 0000000000..dd86a43d76 --- /dev/null +++ b/packages/core/src/components/spinner/test/basic.html @@ -0,0 +1,12 @@ + + + + + Ionic Buttons + + + + + + + \ No newline at end of file diff --git a/packages/core/src/components/spinner/test/color.html b/packages/core/src/components/spinner/test/color.html new file mode 100644 index 0000000000..7368d1c9c3 --- /dev/null +++ b/packages/core/src/components/spinner/test/color.html @@ -0,0 +1,59 @@ + + + + Spinners + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Platform Default + +
ios + +
ios-small + +
bubbles + +
circles + +
crescent + +
dots + +
+ + Toggle Paused + +