syncfusion-blazor-sidebar — independently scanned and version-tracked by SaferSkills.
SaferSkills independently audited syncfusion-blazor-sidebar (Agent Skill) and scored it 45/100 (orange). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 2 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 2 flagged
A base64 string of 128+ characters appears in a documentation file. Encoded prompt injection hides the hostile instruction in base64 — invisible to keyword filters — and relies on the agent's ability to decode it at runtime. There is no normal authoring reason to embed a multi-hundred-byte base64 blob in skill docs.
*.sig, SIGNATURES) outside the documentation.A base64 string of 128+ characters appears in a documentation file. Encoded prompt injection hides the hostile instruction in base64 — invisible to keyword filters — and relies on the agent's ability to decode it at runtime. There is no normal authoring reason to embed a multi-hundred-byte base64 blob in skill docs.
*.sig, SIGNATURES) outside the documentation.Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
The Syncfusion Blazor Sidebar is a responsive navigation component that reserves screen space for navigation content. It supports multiple positioning modes, docking, state persistence, and integrates seamlessly with other Syncfusion components.
Use this skill when you need to:
| Property | Purpose |
|---|---|
IsOpen | Gets or sets a boolean value which indicates whether the Sidebar component's state is open or close. When the Sidebar type is set to Auto, the component will be expanded in desktop and collapsed in mobile mode regardless of the IsOpen property. |
Width | Sets sidebar width in pixels or percentage |
Type | Sidebar behavior: Push, Over, Slide, Auto |
Position | Sidebar position: Left (default) or Right |
EnableDock | Shows icons-only when collapsed (default: false) |
DockSize | Width of dock area in pixels |
MediaQuery | CSS media query for responsive behavior |
Target | Specific HTML element as sidebar context |
EnablePersistence | Retains state in localStorage (default: false) |
ShowBackdrop | Overlay behind sidebar to prevent content interaction |
Animate | Enables animation transitions while expanding or collapsing (default: true) |
EnableRtl | Displays sidebar in right-to-left direction for RTL languages (default: false) |
📄 Read: references/getting-started.md
📄 Read: references/web-app-setup.md
📄 Read: references/open-close-control.md
IsOpen property and two-way binding with @bind-IsOpen📄 Read: references/responsive-docking.md
MediaQuery property for responsive behaviorEnableDock property for icon-only navigation modeDockSize to control icon area width📄 Read: references/state-persistence-targets.md
EnablePersistence for localStorage supportTarget property for sidebar context📄 Read: references/styling-customization.md
Animate propertyEnableRtl property📄 Read: references/multiple-sidebars.md
Position property (Left/Right)e-main-content class for multi-sidebar layouts📄 Read: references/content-integration.md
📄 Read: references/api-reference.md
@using Syncfusion.Blazor.Navigations
@using Syncfusion.Blazor.Buttons
<SfSidebar @ref="sidebarObj" Width="250px" @bind-IsOpen="SidebarToggle">
<ChildContent>
<div style="text-align: center; padding: 3rem;">
<p>Sidebar Content</p>
<SfButton @onclick="Close" CssClass="e-btn">Close</SfButton>
</div>
</ChildContent>
</SfSidebar>
<div style="padding: 3rem;">
<div>Main Content</div>
<SfButton @onclick="Toggle" IsToggle="true">Toggle Sidebar</SfButton>
</div>
@code {
SfSidebar sidebarObj;
public bool SidebarToggle = false;
public void Toggle() => SidebarToggle = !SidebarToggle;
public void Close() => SidebarToggle = false;
}Use IsOpen property with button click to show/hide sidebar.
Use MediaQuery to automatically hide sidebar on mobile and show on desktop.
Use EnableDock with DockSize for icon-only navigation that expands on hover/click.
Use EnablePersistence + unique ID to remember sidebar state across page navigation.
Target property → sidebar targets next sibling element automaticallyTarget=".selector" → requires inner wrapper `<div>` for CSS transformsCombine with ListView or TreeView for structured navigation menus.
Use Position property with left/right sidebars flanking main content.
Next Steps:
For detailed examples and advanced scenarios, refer to individual reference files.
~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.