Tabs Tab component for Universal Dashboard
Tabs make it easy to explore and switch between different views.
Tabs organize and allow navigation between groups of content that are related and at the same level of hierarchy.
Tabs
Copy New-UDTabs - Tabs {
New-UDTab - Text 'Item One' - Content { New-UDTypography - Text 'Item One' - Variant 'h2' }
New-UDTab - Text 'Item Two' - Content { New-UDTypography - Text 'Item Two' - Variant 'h2' }
New-UDTab - Text 'Item Three' - Content { New-UDTypography - Text 'Item Three' - Variant 'h2' }
} Vertical Tabs
Copy New-UDTabs - Tabs {
New-UDTab - Text 'Item One' - Content { New-UDTypography - Text 'Item One' - Variant 'h2' }
New-UDTab - Text 'Item Two' - Content { New-UDTypography - Text 'Item Two' - Variant 'h2' }
New-UDTab - Text 'Item Three' - Content { New-UDTypography - Text 'Item Three' - Variant 'h2' }
} - Orientation vertical Dynamic Tabs
Dynamic tabs will refresh their content when they are selected. You will need to include the -RenderOnActive parameter to prevent all the tabs from rendering even if they are not shown.
Copy New-UDTabs - Tabs {
New-UDTab - Text 'Item One' - Content { Get-Date } - Dynamic
New-UDTab - Text 'Item Two' - Content { Get-Date } - Dynamic
New-UDTab - Text 'Item Three' - Content { Get-Date } - Dynamic
} - RenderOnActive Icons
Copy New-UDTabs - Tabs {
New-UDTab - Text 'Item One' - Content { New-UDTypography - Text 'Item One' - Variant 'h2' } - Icon ( New-UDIcon - Icon Users)
New-UDTab - Text 'Item Two' - Content { New-UDTypography - Text 'Item Two' - Variant 'h2' } - Icon ( New-UDIcon - Icon Desktop)
New-UDTab - Text 'Item Three' - Content { New-UDTypography - Text 'Item Three' - Variant 'h2' } - Icon ( New-UDIcon - Icon Exclamation)
} API
