Cards & Widgets
Rich composite widgets — stat/metric/feature/project/task cards, testimonials, company profiles, login, wizard, chart, shape, icon and dual-percentage controls.
TheTechIdea.Beep.WPF.Controls ·
XAML namespace:
xmlns:beep="clr-namespace:TheTechIdea.Beep.WPF.Controls;assembly=TheTechIdea.Beep.WPF.Controls"
On this page
BeepStatCard
KPI / stat card presenting a headline value, its label and an optional trend indicator.
System.Windows.Controls.ContentControl — implements IBeepThemeable; exposes Theme and ControlStyle via BeepChrome attached properties.No public dependency properties of its own; inherits from its base type.
<beep:BeepStatCard ControlStyle="Material3" Content="1,204 Active Users" />BeepMetericTile
Compact metric tile for a single number-plus-caption cell in a dashboard grid.
System.Windows.Controls.ContentControl — implements IBeepThemeable; exposes Theme and ControlStyle via BeepChrome attached properties. The control name spelling Meteric is intentional.No public dependency properties of its own; inherits from its base type.
<beep:BeepMetericTile ControlStyle="Fluent" Content="98.6%" />BeepFeatureCard
Marketing feature card that pairs an icon, a title and a short description.
System.Windows.Controls.ContentControl — implements IBeepThemeable; exposes Theme and ControlStyle via BeepChrome attached properties.No public dependency properties of its own; inherits from its base type.
<beep:BeepFeatureCard ControlStyle="Material3" Content="Fast sync across devices" />BeepProjectCard
Project summary card surfacing a project's headline details in a themed panel.
System.Windows.Controls.ContentControl — implements IBeepThemeable; exposes Theme and ControlStyle via BeepChrome attached properties.No public dependency properties of its own; inherits from its base type.
<beep:BeepProjectCard ControlStyle="Apple" Content="Beep Migration Wizard" />BeepTaskCard
Task / to-do card for representing a single work item in a board or list.
System.Windows.Controls.ContentControl — implements IBeepThemeable; exposes Theme and ControlStyle via BeepChrome attached properties.No public dependency properties of its own; inherits from its base type.
<beep:BeepTaskCard ControlStyle="Material3" Content="Review pull request #42" />BeepTestimonial
Testimonial / quote card presenting a customer quotation and attribution.
System.Windows.Controls.ContentControl — implements IBeepThemeable; exposes Theme and ControlStyle via BeepChrome attached properties.No public dependency properties of its own; inherits from its base type.
<beep:BeepTestimonial ControlStyle="Fluent" Content=""Beep changed how we ship."" />BeepCompanyProfile
Company profile card that groups a company's identity and summary details.
System.Windows.Controls.ContentControl — implements IBeepThemeable; exposes Theme and ControlStyle via BeepChrome attached properties.No public dependency properties of its own; inherits from its base type.
<beep:BeepCompanyProfile ControlStyle="Apple" Content="The Tech Idea" />BeepLogin
Login form widget bundling the credential entry surface into one themed control.
System.Windows.Controls.ContentControl — declared partial; exposes Theme and ControlStyle via BeepChrome attached properties.No public dependency properties of its own; inherits from its base type.
<beep:BeepLogin ControlStyle="Material3" />BeepWizard
Multi-step wizard host that walks the user through a sequence of pages.
System.Windows.Controls.ContentControl — declared partial; exposes Theme and ControlStyle via BeepChrome. Re-owns the inherited ContentProperty via AddOwner rather than registering a new DP.No public dependency properties of its own; inherits from its base type.
<beep:BeepWizard ControlStyle="Fluent">
<!-- step content -->
</beep:BeepWizard>BeepChart
Chart / plot widget that renders a data series inside a themed container.
System.Windows.Controls.ContentControl — declared partial; exposes Theme and ControlStyle via BeepChrome attached properties.No public dependency properties of its own; inherits from its base type.
<beep:BeepChart ControlStyle="Material3" />BeepShape
Vector shape primitive for drawing a themed geometric shape.
System.Windows.Controls.ContentControl — declared partial; exposes Theme and ControlStyle via BeepChrome. Re-owns the inherited ContentProperty via AddOwner rather than registering a new DP.No public dependency properties of its own; inherits from its base type.
<beep:BeepShape ControlStyle="Apple" />BeepIcon
Lightweight icon element whose Source resolves to inline Path geometry, a pack URI, an embedded resource or a file path.
System.Windows.FrameworkElement — a minimal element (not a Control); source resolution is handled by BeepIconSourceResolver.No public dependency properties of its own; inherits from its base type.
<beep:BeepIcon Width="24" Height="24" />BeepDualPercentageControl
Dual / split percentage gauge that visualises two complementary proportions in one control.
System.Windows.Controls.ContentControl — implements IBeepThemeable; exposes Theme and ControlStyle via BeepChrome attached properties.No public dependency properties of its own; inherits from its base type.
<beep:BeepDualPercentageControl ControlStyle="Material3" />