Skip to content

Components

This page details the output actions available to all components of Pode.Web.

General

Hide

To hide a component on the frontend, you use Hide-PodeWebComponent. You can hide a component either by -Id, or by the component's -Name and -Type:

Hide-PodeWebComponent -Type 'Card' -Name 'SomeCardName'

# or

Hide-PodeWebComponent -Id 'card_somename'

Show

To show a component on the frontend, you use Show-PodeWebComponent. You can show a component either by -Id, or by the component's -Name and -Type:

Show-PodeWebComponent -Type 'Card' -Name 'SomeCardName'

# or

Show-PodeWebComponent -Id 'card_somename'

Classes

Add

You can add a class onto a component via Add-PodeWebComponentClass. You can update a component either by -Id, or by the component's -Name and -Type:

Add-PodeWebComponentClass -Type 'Textbox' -Name 'SomeTextboxName' -Class 'my-custom-class'

# or

Add-PodeWebComponentClass -Id 'textbox_somename' -Class 'my-custom-class'

Remove

You can remove a class from a component via Remove-PodeWebComponentClass. You can update a component either by -Id, or by the component's -Name and -Type:

Remove-PodeWebComponentClass -Type 'Textbox' -Name 'SomeTextboxName' -Class 'my-custom-class'

# or

Remove-PodeWebComponentClass -Id 'textbox_somename' -Class 'my-custom-class'

Styles

Set

You can set/update the value of a CSS property on a component via Set-PodeWebComponentStyle. You can update a component either by -Id, or by the component's -Name and -Type:

Set-PodeWebComponentStyle -Type 'Textbox' -Name 'SomeTextboxName' -Property 'color' -Value 'red'

# or

Set-PodeWebComponentStyle -Id 'textbox_somename' -Property 'color' -Value 'red'

Remove

You can remove a CSS property from a component via Remove-PodeWebComponentStyle. You can update a component either by -Id, or by the component's -Name and -Type:

Remove-PodeWebComponentStyle -Type 'Textbox' -Name 'SomeTextboxName' -Property 'color'

# or

Remove-PodeWebComponentStyle -Id 'textbox_somename' -Property 'color'