carbon-components-angular/docs/storybook/input-input-stories.eeb079d9.iframe.bundle.js

Next generation components

"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[6943],{"./src/input/input.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,Skeleton:()=>Skeleton,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_angular__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/input/index.ts");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Input",decorators:[(0,_storybook_angular__WEBPACK_IMPORTED_MODULE_0__.moduleMetadata)({imports:[___WEBPACK_IMPORTED_MODULE_1__.gP]})],component:___WEBPACK_IMPORTED_MODULE_1__.gA},Basic=(args=>({props:args,template:'\n        <cds-text-label\n        [helperText]="helperText"\n        [invalid]="invalid"\n        [invalidText]="invalidText"\n        [warn]="warn"\n        [disabled]="disabled"\n        [warnText]="warnText">\n        {{label}}\n        <input\n            cdsText\n            [size]="size"\n            [invalid]="invalid"\n            [warn]="warn"\n            [disabled]="disabled"\n            [theme]="theme"\n            [placeholder]="placeholder"\n            [autocomplete]="autocomplete">\n        </cds-text-label>\n    '})).bind({});Basic.args={disabled:!1,invalid:!1,invalidText:"Invalid entry",warn:!1,warnText:"This is a warning!",label:"Text input label",helperText:"Optional helper text",placeholder:"Placeholder",autocomplete:"on",theme:"dark",size:"md"},Basic.argTypes={autocomplete:{options:["on","off"],control:"radio"},theme:{options:["light","dark"],control:"radio"},size:{options:["sm","md","lg"],control:"select"}};const Skeleton=(args=>({props:args,template:'\n        <cds-label skeleton="true">\n            <input cdsText skeleton="true">\n        </cds-label>\n        <br>\n        <input cdsText skeleton="true">\n    '})).bind({});Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-text-label\n        [helperText]="helperText"\n        [invalid]="invalid"\n        [invalidText]="invalidText"\n        [warn]="warn"\n        [disabled]="disabled"\n        [warnText]="warnText">\n        {{label}}\n        <input\n            cdsText\n            [size]="size"\n            [invalid]="invalid"\n            [warn]="warn"\n            [disabled]="disabled"\n            [theme]="theme"\n            [placeholder]="placeholder"\n            [autocomplete]="autocomplete">\n        </cds-text-label>\n    `\n})',...Basic.parameters?.docs?.source}}},Skeleton.parameters={...Skeleton.parameters,docs:{...Skeleton.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-label skeleton="true">\n            <input cdsText skeleton="true">\n        </cds-label>\n        <br>\n        <input cdsText skeleton="true">\n    `\n})',...Skeleton.parameters?.docs?.source}}};const __namedExportsOrder=["Basic","Skeleton"]}}]);