storybook - 如何将数据传递给故事书中的子组件？

Question

我有一个场景，我需要为 listcomponent 模板创建故事书，如下所示 export const Basic: Story = (args: ListComponent) => ({ props: args, component: ListComponent, subcomponent:GridComponent, template: <list-item> </list-item> }) ;
<mat-toolbar class="list" *ngIf="!ToolBar"> {{title}} <icon-button
class="content-container-item-icons list-item-pointer" icon="close"
data-cy ="content-item-remove" title="close" (click)="deletedata()" [hidden]='!ToolBar' >

                </span>
            </mat-toolbar>
           
            <mat-toolbar class="list" *ngIf="ToolBar">
                <span class="list-item-title">{{selectedRows.length}}
                    {{this.title +" "+ this.localizeSelected}}</span>
                    <icon-button                    
                    class="conten"
                    icon="close"
                    data-cy="content-item-remove"
                    [matTooltip]="IconText"
                    (click)="clearSelection()"
                    [hidden]='!ToolBar'
                ></icon-button>
            </mat-toolbar>`enter code here`
            <mat-divider></mat-divider>
            <div class="list-item-grid-wrapper">
                <schema-grid [Callback]="ListItemSelected.bind(this)" [change]="GridEvent" [Id]='Id' (title)='onTitle($event)'>
                </schema-grid>
            </div>
        </div>

如何将数据传递给我们用作选择器的数据？

can any one please help