Placeholder Component

Default (title only)

No patients found

@* Default search icon is rendered automatically *@
<Placeholder Title="No patients found" />

With description

No data for the selected month

Come back later

<Placeholder Title="No data for the selected month"
             Description="Come back later" />

Hide icon

Nothing here

Use HideIcon when the surrounding layout already provides visual context.

<Placeholder Title="Nothing here"
             Description="Use HideIcon when the surrounding layout already provides context."
             HideIcon="true" />

With featured icon

No data for the selected month

Come back later

<Placeholder Title="No data for the selected month"
             Description="Come back later">
    <Icon>
        <svg viewBox="0 0 24 24">...info icon...</svg>
    </Icon>
</Placeholder>

With actions

No patients found

There are no patients matching your current filters.

<Placeholder Title="No patients found"
             Description="There are no patients matching your current filters.">
    <Icon>
        <svg>...users icon...</svg>
    </Icon>
    <Actions>
        <Button Variant="secondary" Size="sm" Text="Clear Filters" />
        <Button Variant="primary"   Size="sm" Text="Add Patient" />
    </Actions>
</Placeholder>

Bordered variant

No files uploaded

Drag and drop files here, or click the button below to browse.

<Placeholder Title="No files uploaded"
             Description="Drag and drop files here, or click the button below to browse."
             Bordered="true">
    <Icon>
        <svg>...upload icon...</svg>
    </Icon>
    <Actions>
        <Button Variant="primary" Size="sm" Text="Upload Files" />
    </Actions>
</Placeholder>