Skip to content

Commit d23580f

Browse files
committed
feat: add search to contained list story
1 parent 95baf06 commit d23580f

File tree

1 file changed

+7
-2
lines changed

1 file changed

+7
-2
lines changed

src/contained-list/contained-list.stories.ts

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ import { LayoutModule } from "../layout";
88
import { TagModule } from "../tag";
99
import { DialogModule } from "../dialog";
1010
import { TooltipModule } from "../tooltip";
11+
import { SearchModule } from "../search";
1112
import { ContainedListKind, ContainedListSize } from "./contained-list.enums";
1213
import { ContainedListStoryModule } from "./stories/contained-list-story.module";
1314

@@ -24,7 +25,8 @@ export default {
2425
LayoutModule,
2526
TagModule,
2627
DialogModule,
27-
TooltipModule
28+
TooltipModule,
29+
SearchModule
2830
]
2931
})
3032
],
@@ -242,7 +244,10 @@ const withInteractiveItemsAndActionsTemplate: Story<ContainedList> = () => ({
242244
<svg ibmIcon="subtract--alt" size="16" class="cds--btn__icon"></svg>
243245
</button>
244246
</ng-template>
245-
<cds-contained-list label="List title">
247+
<ng-template #search>
248+
<cds-search [expandable]="true" size="lg"></cds-search>
249+
</ng-template>
250+
<cds-contained-list label="List title" [action]="search">
246251
<cds-contained-list-item [clickable]="true" [action]="action">
247252
<ng-container ibmContainedListItemButton>List item</ng-container>
248253
</cds-contained-list-item>

0 commit comments

Comments
 (0)