New-UDStyle

Style a component with CSS styles.

Synopsis

Style a component with CSS styles.

Syntax

New-UDStyle [-Id <String>] -Style <String> [-Tag <String>] [-Content <ScriptBlock>] [<CommonParameters>]

    New-UDStyle [-Id <String>] -Sx <Hashtable> [-Component <String>] [-Tag <String>] [-Content <ScriptBlock>] [<CommonParameters>]

Description

Style a component with CSS styles.

Parameters

-Id

The ID of this component.

Required?                    false
Position?                    named
Default value                ([Guid]::NewGuid())
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Style

The CSS style to apply

Required?                    true
Position?                    named
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Sx

A hashtable of theme-aware CSS properties.

Required?                    true
Position?                    named
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Component

The root component to apply the Sx component to.

Required?                    false
Position?                    named
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Tag

The outer HTML tag to use.

Required?                    false
Position?                    named
Default value                div
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Content

The content of this style.

Required?                    false
Position?                    named
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

    <CommonParameters>
        This cmdlet supports the common parameters: Verbose, Debug,
        ErrorAction, ErrorVariable, WarningAction, WarningVariable,
        OutBuffer, PipelineVariable, and OutVariable. For more information, see
        about_CommonParameters (https://go.microsoft.com/fwlink/?LinkID=113216).

Outputs

-------------------------- EXAMPLE 1 --------------------------

PS >New-UDStyle -Style 'color: red; background-color: black' -Content {
PS >    New-UDTypography -Text "This is red"
PS > }

Style|Apply a CSS style to a component.

[Component("Style", "Css3", "Creates a new card.")]