Sticky

Namespace

using Blazor_Foundation_6.Components.Plugin.Sticky;

Attributesw

StickyContainer

NameDescription
IdDefault html id=”” attribute.
ClassExtra/Custom Classes appended to the default class.
StyleHTML style…
AutoManagedTrue/False. Blazor will auto manage Foundation Zurb’s Javascript.
DataOptionsCan include any option available for sticky only. (See Plugin Options)

StickyTitleBar

NameDescription
IdDefault html id=”” attribute.
ClassExtra/Custom Classes appended to the default class.
StyleHTML style…

StickyTitleBarLeft/StickyTitleBarRight

Note: GridX has Horizontal Content Direction and GridY has vertical direction.

NameDescription
IdDefault html id=”” attribute.
ClassExtra/Custom Classes appended to the default class.
StyleHTML style…

Note: Sticky version utilize the plugin: sticky.

Examples

To see visual example, visit Foundation or Download and Run Blazor_Foundation_Test in Visual Studio.

<StickyContainer DataOptions="@(new JObject() { { "marginTop", 0} })">
  <StickyTitleBar>
	    <StickyTitleBarLeft> </StickyTitleBarLeft>
    	<StickyTitleBarRight> </StickyTitleBarRight>
  </StickyTitleBar>
</StickyContainer>