Delete self contained Thunder Tests
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
This commit is contained in:
59
Server/wwwroot/package/dist/collection/components/spinner/spinner.css
vendored
Normal file
59
Server/wwwroot/package/dist/collection/components/spinner/spinner.css
vendored
Normal file
@ -0,0 +1,59 @@
|
||||
:host {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.spinner {
|
||||
position: relative;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.spinner.s {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.border {
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 4px solid transparent;
|
||||
border-top-color: #0A8276;
|
||||
border-left-color: #0A8276;
|
||||
border-right-color: #0A8276;
|
||||
border-top-left-radius: 1px;
|
||||
border-top-right-radius: 1px;
|
||||
border-radius: 50%;
|
||||
animation: spin 2s linear infinite;
|
||||
}
|
||||
.border.inverted {
|
||||
border-top-color: #FFFFFF;
|
||||
border-left-color: #FFFFFF;
|
||||
border-right-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.semiconductor {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
animation: spin 2s linear infinite;
|
||||
}
|
||||
.semiconductor svg {
|
||||
fill: #0A8276;
|
||||
}
|
||||
.semiconductor.inverted svg {
|
||||
fill: #FFFFFF;
|
||||
}
|
||||
.semiconductor.s svg {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
34
Server/wwwroot/package/dist/collection/components/spinner/spinner.e2e.js
vendored
Normal file
34
Server/wwwroot/package/dist/collection/components/spinner/spinner.e2e.js
vendored
Normal file
@ -0,0 +1,34 @@
|
||||
import { newE2EPage } from "@stencil/core/testing";
|
||||
describe('ifx-spinner', () => {
|
||||
it('renders correctly with default props', async () => {
|
||||
const page = await newE2EPage();
|
||||
await page.setContent('<ifx-spinner></ifx-spinner>');
|
||||
const container = await page.find('ifx-spinner');
|
||||
const spinner = await container.find('.spinner');
|
||||
const borderDiv = await container.find('.border');
|
||||
const semiconductorDiv = await container.find('.semiconductor');
|
||||
expect(container).toHaveClass('hydrated');
|
||||
expect(spinner).toBeDefined();
|
||||
expect(borderDiv).toBeDefined();
|
||||
expect(semiconductorDiv).toBeDefined();
|
||||
});
|
||||
it('renders with size "s"', async () => {
|
||||
const page = await newE2EPage();
|
||||
await page.setContent('<ifx-spinner size="s"></ifx-spinner>');
|
||||
const container = await page.find('ifx-spinner');
|
||||
const spinner = await container.find('.spinner.s');
|
||||
const semiconductorDiv = await container.find('.semiconductor.s');
|
||||
expect(spinner).toBeDefined();
|
||||
expect(semiconductorDiv).toBeDefined();
|
||||
});
|
||||
it('renders with variant "semiconductor"', async () => {
|
||||
const page = await newE2EPage();
|
||||
await page.setContent('<ifx-spinner variant="semiconductor"></ifx-spinner>');
|
||||
const container = await page.find('ifx-spinner');
|
||||
const semiconductorDiv = await container.find('.semiconductor');
|
||||
const borderDiv = await container.find('.border');
|
||||
expect(semiconductorDiv).toBeDefined();
|
||||
expect(borderDiv).toBeNull();
|
||||
});
|
||||
});
|
||||
//# sourceMappingURL=spinner.e2e.js.map
|
||||
1
Server/wwwroot/package/dist/collection/components/spinner/spinner.e2e.js.map
vendored
Normal file
1
Server/wwwroot/package/dist/collection/components/spinner/spinner.e2e.js.map
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"spinner.e2e.js","sourceRoot":"","sources":["../../../src/components/spinner/spinner.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;EAC3B,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;IACpD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC;IAErD,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAClD,MAAM,gBAAgB,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAEhE,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;IAC9B,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;IAChC,MAAM,CAAC,gBAAgB,CAAC,CAAC,WAAW,EAAE,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;IACrC,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,sCAAsC,CAAC,CAAC;IAE9D,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACnD,MAAM,gBAAgB,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAElE,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;IAC9B,MAAM,CAAC,gBAAgB,CAAC,CAAC,WAAW,EAAE,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;IACpD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,qDAAqD,CAAC,CAAC;IAE7E,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,gBAAgB,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAElD,MAAM,CAAC,gBAAgB,CAAC,CAAC,WAAW,EAAE,CAAC;IACvC,MAAM,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,CAAC;EAC/B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('ifx-spinner', () => {\n it('renders correctly with default props', async () => {\n const page = await newE2EPage();\n await page.setContent('<ifx-spinner></ifx-spinner>');\n\n const container = await page.find('ifx-spinner');\n const spinner = await container.find('.spinner');\n const borderDiv = await container.find('.border');\n const semiconductorDiv = await container.find('.semiconductor');\n\n expect(container).toHaveClass('hydrated');\n expect(spinner).toBeDefined();\n expect(borderDiv).toBeDefined();\n expect(semiconductorDiv).toBeDefined();\n });\n\n it('renders with size \"s\"', async () => {\n const page = await newE2EPage();\n await page.setContent('<ifx-spinner size=\"s\"></ifx-spinner>');\n\n const container = await page.find('ifx-spinner');\n const spinner = await container.find('.spinner.s');\n const semiconductorDiv = await container.find('.semiconductor.s');\n\n expect(spinner).toBeDefined();\n expect(semiconductorDiv).toBeDefined();\n });\n\n it('renders with variant \"semiconductor\"', async () => {\n const page = await newE2EPage();\n await page.setContent('<ifx-spinner variant=\"semiconductor\"></ifx-spinner>');\n\n const container = await page.find('ifx-spinner');\n const semiconductorDiv = await container.find('.semiconductor');\n const borderDiv = await container.find('.border');\n\n expect(semiconductorDiv).toBeDefined();\n expect(borderDiv).toBeNull();\n });\n});\n"]}
|
||||
90
Server/wwwroot/package/dist/collection/components/spinner/spinner.js
vendored
Normal file
90
Server/wwwroot/package/dist/collection/components/spinner/spinner.js
vendored
Normal file
@ -0,0 +1,90 @@
|
||||
import { h } from "@stencil/core";
|
||||
import classNames from "classnames";
|
||||
export class Spinner {
|
||||
constructor() {
|
||||
this.size = undefined;
|
||||
this.variant = undefined;
|
||||
this.inverted = false;
|
||||
}
|
||||
render() {
|
||||
return (h("div", { "aria-label": "spinner indicating a loading process", class: this.getClassNames() }, h("div", { class: `${this.variant !== 'brand' ? 'border' : ""} ${this.inverted ? 'inverted' : ""}` }), this.variant === 'brand'
|
||||
&& h("div", { class: `semiconductor ${this.inverted ? 'inverted' : ""} ${this.getSizeClass()}` }, h("svg", { width: '40', height: '40', viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { id: "spinner/conductor" }, h("path", { id: "Vector", d: "M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z" }))))));
|
||||
}
|
||||
getSizeClass() {
|
||||
return `${this.size}` === "s"
|
||||
? "s"
|
||||
: "";
|
||||
}
|
||||
getClassNames() {
|
||||
return classNames('spinner', this.size && `spinner ${this.getSizeClass()}`);
|
||||
}
|
||||
static get is() { return "ifx-spinner"; }
|
||||
static get encapsulation() { return "shadow"; }
|
||||
static get originalStyleUrls() {
|
||||
return {
|
||||
"$": ["spinner.scss"]
|
||||
};
|
||||
}
|
||||
static get styleUrls() {
|
||||
return {
|
||||
"$": ["spinner.css"]
|
||||
};
|
||||
}
|
||||
static get properties() {
|
||||
return {
|
||||
"size": {
|
||||
"type": "string",
|
||||
"mutable": false,
|
||||
"complexType": {
|
||||
"original": "string",
|
||||
"resolved": "string",
|
||||
"references": {}
|
||||
},
|
||||
"required": false,
|
||||
"optional": false,
|
||||
"docs": {
|
||||
"tags": [],
|
||||
"text": ""
|
||||
},
|
||||
"attribute": "size",
|
||||
"reflect": false
|
||||
},
|
||||
"variant": {
|
||||
"type": "string",
|
||||
"mutable": false,
|
||||
"complexType": {
|
||||
"original": "string",
|
||||
"resolved": "string",
|
||||
"references": {}
|
||||
},
|
||||
"required": false,
|
||||
"optional": false,
|
||||
"docs": {
|
||||
"tags": [],
|
||||
"text": ""
|
||||
},
|
||||
"attribute": "variant",
|
||||
"reflect": false
|
||||
},
|
||||
"inverted": {
|
||||
"type": "boolean",
|
||||
"mutable": false,
|
||||
"complexType": {
|
||||
"original": "boolean",
|
||||
"resolved": "boolean",
|
||||
"references": {}
|
||||
},
|
||||
"required": false,
|
||||
"optional": false,
|
||||
"docs": {
|
||||
"tags": [],
|
||||
"text": ""
|
||||
},
|
||||
"attribute": "inverted",
|
||||
"reflect": false,
|
||||
"defaultValue": "false"
|
||||
}
|
||||
};
|
||||
}
|
||||
}
|
||||
//# sourceMappingURL=spinner.js.map
|
||||
1
Server/wwwroot/package/dist/collection/components/spinner/spinner.js.map
vendored
Normal file
1
Server/wwwroot/package/dist/collection/components/spinner/spinner.js.map
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,OAAO,OAAO;;;;oBAGU,KAAK;;EAEjC,MAAM;IACJ,OAAO,CACL,yBAAgB,sCAAsC,EAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE;MAChF,WAAK,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,GAAQ;MACnG,IAAI,CAAC,OAAO,KAAK,OAAO;WACpB,WAAK,KAAK,EAAE,iBAAiB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;UACtF,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;YAC5F,SAAG,EAAE,EAAC,mBAAmB;cACvB,YAAM,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAC,svCAAsvC,GAAG,CAC3wC,CACA,CACF,CACJ,CACP,CAAC;EACJ,CAAC;EAED,YAAY;IACV,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG;MAC3B,CAAC,CAAC,GAAG;MACL,CAAC,CAAC,EAAE,CAAC;EACT,CAAC;EAED,aAAa;IACX,OAAO,UAAU,CACf,SAAS,EACT,IAAI,CAAC,IAAI,IAAI,WAAW,IAAI,CAAC,YAAY,EAAE,EAAE,CAC9C,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n tag: 'ifx-spinner',\n styleUrl: 'spinner.scss',\n shadow: true,\n})\nexport class Spinner {\n @Prop() size: string;\n @Prop() variant: string;\n @Prop() inverted: boolean = false;\n\n render() {\n return (\n <div aria-label=\"spinner indicating a loading process\" class={this.getClassNames()}>\n <div class={`${this.variant !== 'brand' ? 'border' : \"\"} ${this.inverted ? 'inverted' : \"\"}`}></div>\n {this.variant === 'brand'\n && <div class={`semiconductor ${this.inverted ? 'inverted' : \"\"} ${this.getSizeClass()}`}>\n <svg width='40' height='40' viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"spinner/conductor\">\n <path id=\"Vector\" d=\"M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z\" />\n </g>\n </svg>\n </div>}\n </div>\n );\n }\n\n getSizeClass() {\n return `${this.size}` === \"s\"\n ? \"s\"\n : \"\";\n }\n\n getClassNames() {\n return classNames(\n 'spinner',\n this.size && `spinner ${this.getSizeClass()}`\n );\n }\n}\n"]}
|
||||
23
Server/wwwroot/package/dist/collection/components/spinner/spinner.stories.js
vendored
Normal file
23
Server/wwwroot/package/dist/collection/components/spinner/spinner.stories.js
vendored
Normal file
@ -0,0 +1,23 @@
|
||||
export default {
|
||||
title: 'Components/Spinner',
|
||||
tags: ['autodocs'],
|
||||
args: {
|
||||
size: "m",
|
||||
variant: 'default'
|
||||
},
|
||||
argTypes: {
|
||||
size: {
|
||||
description: "Size options: s (24px) and m (40px) - default: m",
|
||||
options: ['s', 'm'],
|
||||
control: { type: 'radio' },
|
||||
},
|
||||
variant: {
|
||||
options: ['default', 'brand'],
|
||||
control: { type: 'radio' }
|
||||
}
|
||||
},
|
||||
};
|
||||
const DefaultTemplate = (args) => `<ifx-spinner variant="${args.variant}" size="${args.size}"></ifx-spinner>`;
|
||||
export const Default = DefaultTemplate.bind({});
|
||||
Default.argsTypes = {};
|
||||
//# sourceMappingURL=spinner.stories.js.map
|
||||
1
Server/wwwroot/package/dist/collection/components/spinner/spinner.stories.js.map
vendored
Normal file
1
Server/wwwroot/package/dist/collection/components/spinner/spinner.stories.js.map
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"spinner.stories.js","sourceRoot":"","sources":["../../../src/components/spinner/spinner.stories.ts"],"names":[],"mappings":"AAAA,eAAe;EACb,KAAK,EAAE,oBAAoB;EAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;EAElB,IAAI,EAAE;IACJ,IAAI,EAAE,GAAG;IACT,OAAO,EAAE,SAAS;GACnB;EACD,QAAQ,EAAE;IACR,IAAI,EAAE;MACJ,WAAW,EAAE,kDAAkD;MAC/D,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;MACnB,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;KAC3B;IACD,OAAO,EAAE;MACP,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;MAC7B,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;KAC3B;GACF;CACF,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,EAAE,CAC/B,yBAAyB,IAAI,CAAC,OAAO,WAAW,IAAI,CAAC,IAAI,kBAAkB,CAAC;AAE9E,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,OAAO,CAAC,SAAS,GAAG,EAEnB,CAAA","sourcesContent":["export default {\n title: 'Components/Spinner',\n tags: ['autodocs'],\n\n args: {\n size: \"m\",\n variant: 'default'\n },\n argTypes: {\n size: {\n description: \"Size options: s (24px) and m (40px) - default: m\",\n options: ['s', 'm'],\n control: { type: 'radio' },\n },\n variant: {\n options: ['default', 'brand'],\n control: { type: 'radio' }\n }\n },\n}\n\nconst DefaultTemplate = (args) =>\n `<ifx-spinner variant=\"${args.variant}\" size=\"${args.size}\"></ifx-spinner>`;\n\nexport const Default = DefaultTemplate.bind({});\nDefault.argsTypes = {\n\n}\n"]}
|
||||
Reference in New Issue
Block a user