BeepBreadcrumpDesigner

Design-time designer for BeepBreadcrump — 3 smart-tag properties, 5 style presets, 4 separator presets, and IComponentChangeService-backed property mutation

Table of Contents

Overview

Namespace: TheTechIdea.Beep.Winform.Controls.Design.Server.Designers
Inheritance: BaseBeepControlDesigner

BeepBreadcrumpDesigner provides the design-time experience for BeepBreadcrump — a breadcrumb navigation control. The smart-tag exposes 3 properties for separator text, home icon visibility, and visual style, plus 5 style presets and 4 separator presets for quick visual configuration. No designer verbs beyond the base class.

BeepBreadcrumpDesigner

MemberDescription
BreadcrumpCasts Component to BeepBreadcrump (public get)
GetControlSpecificActionLists()Returns new BeepBreadcrumpActionList(this)

BeepBreadcrumpActionList — Smart-Tag

Properties

PropertyTypeCategoryDescription
SeparatorstringAppearanceSeparator text between breadcrumb levels. Default ">". Proxies "SeparatorText".
ShowHomeIconboolBehaviorShow a home icon as the first breadcrumb item
BreadcrumbStyleBreadcrumbStyleAppearanceVisual style: Classic, Modern, Pill, Flat, Chevron

Style & Separator Presets

5 Style Presets

MethodStyleDescription
SetClassicStyle()ClassicTraditional breadcrumb with text links and separators
SetModernStyle()ModernClean modern look with subtle dividers
SetPillStyle()PillPill-shaped segments for each breadcrumb level
SetFlatStyle()FlatFlat minimal design without visible separators
SetChevronStyle()ChevronChevron-shaped segments (e.g., Home > Products > Details)

4 Separator Presets

MethodSeparator Text
UseSlashSeparator()"/"
UseChevronSeparator()">"
UseArrowSeparator()"→" (Unicode arrow)
UseDotSeparator()"•" (Unicode bullet)

Smart-Tag Sections (3 Sections)

SectionItems
AppearanceSeparator, BreadcrumbStyle, ShowHomeIcon (3 properties)
Style PresetsSetClassicStyle, SetModernStyle, SetPillStyle, SetFlatStyle, SetChevronStyle (5 actions)
Separator PresetsUseSlashSeparator, UseChevronSeparator, UseArrowSeparator, UseDotSeparator (4 actions)

Examples

// At design time, use smart-tag:
// Smart-tag > Style Presets > "Set Chevron Style"
// Smart-tag > Separator Presets > "Use Arrow Separator"
// Smart-tag > Appearance > ShowHomeIcon = true

// Equivalent at runtime:
var bread = new BeepBreadcrump();
bread.BreadcrumbStyle = BreadcrumbStyle.Chevron;
bread.SeparatorText = "→";
bread.ShowHomeIcon = true;
bread.Items.Add(new BreadcrumbItem("Home", () => NavigateHome()));
bread.Items.Add(new BreadcrumbItem("Products", () => NavigateProducts()));
bread.Items.Add(new BreadcrumbItem("Details", null)); // Current (non-clickable)