# Highlighter **Path:** Components/Feedback [Back to Documentation Index](http://rubicblazor.skyconis.com/docs.md) --- Highlighter RbHighlighter is a versatile component for highlighting specific text fragments within content. It supports case-sensitive matching, boundary detection, and dynamic highlighting updates. Perfect for search results, text filtering, and emphasizing important content. Basic Usage Simple text highlighting with dynamic search input. Show code Simple Text Highlighting Search Text: RubicBlazor is a comprehensive UI component framework for Blazor applications. It provides ready-to-use components that help developers build amazing user interfaces quickly and efficiently. Highlighting Plain Text Search Text: RubicBlazor comes with the Rubic.Core framework. You can create amazing screens by using rb* components within the Rubic framework. Advanced Features Case sensitivity, boundary detection, and custom styling. Show code Case Sensitivity Search Text: Try 'Rub' vs 'rub'... With Case Sensitive RubicBlazor is the embedded UI component framework for Blazor. The Rubic.Core framework provides powerful features for building applications. Without Case Sensitive RubicBlazor is the embedded UI component framework for Blazor. The Rubic.Core framework provides powerful features for building applications. Until Next Boundary Search Text: Try 'comp'... With Boundary Detection The component framework includes comprehensive components for building modern applications. Without Boundary Detection The component framework includes comprehensive components for building modern applications. Custom Styling Advanced styling with HighlightClass and HighlightStyle parameters. Show code Custom Highlighting with HighlightClass Search Text: Primary Highlight Styled with primary color highlighting using HighlightClass. Success Highlight Styled with success color highlighting using HighlightClass. Warning Highlight Styled with warning color highlighting using HighlightClass. Danger Highlight Styled with danger color highlighting using HighlightClass. Custom Highlighting with HighlightStyle Search Text: Bold Red Custom inline styles for highlighting with bold red background. Underlined Blue Custom inline styles for highlighting with underlined blue text. Gradient Background Custom inline styles for highlighting with gradient background. Bordered Highlight Custom inline styles for highlighting with bordered yellow background. Combining HighlightClass and HighlightStyle Search Text: Class + Style Combination Combining both HighlightClass and HighlightStyle for maximum customization and flexibility. Multiple Classes + Style Using multiple classes with custom inline styles for advanced customization scenarios. Complex Content Highlighting within structured HTML content and mixed elements. Show code Highlighting in Structured Content Search Text: Component Features Easy to use component API Flexible component customization Comprehensive component library Framework Benefits Rapid development with pre-built components Consistent component behavior Well-documented component usage Highlighting with Mixed Elements Search Text: Blazor WebAssembly support Blazor Server support Blazor Hybrid support Highlighting in Tables Search Text: Component Category Description RbButton Input Interactive button component with variants RbText Input Text input component with validation RbList Data Display Scrollable list component with filtering RbChart Data Visualization Chart component for data visualization Highlighting in Code Blocks Search Text: Click Me Highlighting with Nested Components Search Text: RubicBlazor Framework Core Features: The framework provides comprehensive component library for Blazor applications. Component Types: Includes input components, data display components, and visualization components. Benefits: Rapid development, consistent behavior, and excellent documentation. Real-World Examples Practical use cases including search results and code highlighting. Show code Search Results Example Search Query: RbButton Component Input Components Interactive button component with multiple variants and colors. Component Styling Theming Learn how to style components using CSS and component properties. Data Display Components Components Components for displaying data including lists, tables, and charts. Contact List with Search Search Contacts: Search "J" Search "Jo" Search "Bo" John Smith john.smith@example.com +1-555-0101 Jane Doe jane.doe@example.com +1-555-0102 Bob Johnson bob.johnson@example.com +1-555-0103 Alice Williams alice.williams@example.com +1-555-0104 FAQ with Search Search FAQ: How do I install RubicBlazor? You can install RubicBlazor via NuGet package manager or by adding the package reference to your project file. What Blazor versions are supported? RubicBlazor supports Blazor WebAssembly, Blazor Server, and Blazor Hybrid applications. How do I customize component themes? Components can be customized using CSS variables and the theme configuration system. Product Catalog with Filtering Filter Products: Premium License Licensing Full access to all components ¤299.99 Standard License Licensing Access to core components ¤149.99 Support Package Services Priority technical support ¤99.99 Log Viewer with Filter Filter Logs: Clear [10:07:09] [INFO] User logged in successfully [10:10:09] [INFO] User updated profile CardList Pager Single highlighter wrapping paged card list to validate re-highlight on page change. Show code No Data To Display RTL Support Highlight Arabic search terms inside a local RTL container, including mixed content with numbers and Latin reference codes. Show code نص البحث مراجعة الطلبات المفتوحة تم إرسال الطلب إلى قسم المشتريات يوم 12/07/2026. الحالة الحالية: قيد المراجعة من قبل المدير المباشر. رقم المرجع الداخلي: PO-2026-184 يرجى التأكد من مطابقة اسم المورد ورقم الفاتورة قبل الاعتماد. ✕ Contents