ProductUI Blankslate - PrimerBlazor

Basic Blankslate

No Repositories

Create a new repository to get started.

<PrimerBlankslate Border="BlankslateBorder.Enabled" Padding="BlankslatePadding.Spacious">
    <PrimerBlankslateVisual>
        <PrimerImage Src="/images/logo_small.png" Alt="PrimerBlazor" Width="32" Height="32" />
    </PrimerBlankslateVisual>
    <PrimerBlankslateHeading HeadingSize="BlankslateHeadingSize.H3">
        No Repositories
    </PrimerBlankslateHeading>
    <PrimerBlankslateDescription>
        Create a new repository to get started.
    </PrimerBlankslateDescription>
    <PrimerBlankslatePrimaryAction Href="javascript:void(0);">
        Create Repository
    </PrimerBlankslatePrimaryAction>
    <PrimerBlankslateSecondaryAction Href="javascript:void(0);">
        View Documentation
    </PrimerBlankslateSecondaryAction>
</PrimerBlankslate>

Blankslate Options

Available options for Blankslate component

Name	Description	Default Value	CSS Class
Border	Whether to show border	None	-
Width	Width of the blankslate	Full	-
Padding	Padding inside blankslate	Normal	-
Class	Additional CSS classes	null	-
ChildContent	Content inside the blankslate	-	-