43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
import { FormsModule, ReactiveFormsModule } from "@angular/forms";
|
|
import { Meta, StoryObj, moduleMetadata } from "@storybook/angular";
|
|
|
|
import { JslibModule } from "@bitwarden/angular/jslib.module";
|
|
import { I18nService } from "@bitwarden/common/abstractions/i18n.service";
|
|
|
|
import { InputModule } from "../input/input.module";
|
|
import { I18nMockService } from "../utils/i18n-mock.service";
|
|
|
|
import { SearchComponent } from "./search.component";
|
|
|
|
export default {
|
|
title: "Component Library/Form/Search",
|
|
component: SearchComponent,
|
|
decorators: [
|
|
moduleMetadata({
|
|
imports: [InputModule, FormsModule, ReactiveFormsModule, JslibModule],
|
|
providers: [
|
|
{
|
|
provide: I18nService,
|
|
useFactory: () => {
|
|
return new I18nMockService({
|
|
search: "Search",
|
|
});
|
|
},
|
|
},
|
|
],
|
|
}),
|
|
],
|
|
} as Meta;
|
|
|
|
type Story = StoryObj<SearchComponent>;
|
|
|
|
export const Default: Story = {
|
|
render: (args: SearchComponent) => ({
|
|
props: args,
|
|
template: `
|
|
<bit-search [(ngModel)]="searchText" [placeholder]="placeholder" [disabled]="disabled"></bit-search>
|
|
`,
|
|
}),
|
|
args: {},
|
|
};
|