Keys of Syncfusion® Controls

11 Sep 202524 minutes to read

This page lists the keys for each control and the element to which it is mapped for all the controls.

SfBottomSheet

Theme Dictionary

Keys

Description

SfBottomSheetStyles

SfBottomSheetTheme

By merging this key in application resources, you can customize the appearance of SfBottomSheet without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
                 ...>
     <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <syncTheme:SyncfusionThemeResourceDictionary />
                <ResourceDictionary>
                    <x:String x:Key="SfBottomSheetTheme">CommonTheme</x:String>
                    <Color x:Key="SfBottomSheetBackground">AliceBlue</Color>
                    <Color x:Key="SfBottomSheetGrabberBackground">Black</Color>
                </ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
     </Application.Resources>
     </Application>


    SfBottomSheetBackground

    The background color of the bottom sheet

    SfBottomSheetGrabberBackground

    The background color of the grabber

    SfCartesian Chart

    Theme Dictionary

    Keys

    Description

    SfCartesianChartStyles

    SfCartesianChartTheme

    By merging this key in application resources, you can customize the appearance of SfCartesianChart without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
                 ...>
     <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <syncTheme:SyncfusionThemeResourceDictionary />
                <ResourceDictionary>
                    <x:String x:Key="SfCartesianChartTheme">CommonTheme</x:String>
                    <Color x:Key="SfCartesianChartBackground">AliceBlue</Color>
                    <Color x:Key="SfCartesianChartMajorGridLineStroke">Black</Color>
                </ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
     </Application.Resources>
     </Application>


    SfCartesianChartBackground

    Background color of the cartesian chart

    SfCartesianChartMajorGridLineStroke

    Stoke of the axis major grid line.

    SfCartesianChartMinorGridLineStroke

    Stoke of the axis minor grid line.

    SfCartesianChartMajorTickLineStroke

    Stoke of the axis major tick line.

    SfCartesianChartMinorTickLineStroke

    Stoke of the axis minor tick line.

    SfCartesianChartAxisLineStroke

    Stoke of the axis line.

    SfCartesianChartAxisTitleTextColor

    Color of the axis title.

    SfCartesianChartAxisTitleBackground

    Background color of the axis title.

    SfCartesianChartAxisTitleStroke

    Stoke of the axis title

    SfCartesianChartAxisTitleTextFontSize

    Font size of the axis title text.

    SfCartesianChartDataPointSelectionBrush

    Color of the selected segment of the series.

    SfCartesianChartSeriesSelectionBrush

    Color of the selected series.

    SfCartesianChartTooltipBackground

    Background of the tooltip

    SfCartesianChartTooltipTextColor

    Text color of the tooltip

    SfCartesianChartTooltipTextFontSize

    Font size of the tooltip

    SfChips

    Theme Dictionary

    Keys

    Description

    SfChipStyles

    SfChipTheme

    By merging this key in application resources, you can customize the appearance of SfChips without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
                 ...>
     <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <syncTheme:SyncfusionThemeResourceDictionary />
                <ResourceDictionary>
                    <x:String x:Key="SfChipTheme">CommonTheme</x:String>
                    <Color x:Key="SfChipNormalBackground">Purple</Color>
                    <Color x:Key="SfChipNormalTextColor">YellowGreen</Color>
                </ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
     </Application.Resources>
     </Application>


    SfChipNormalStrokeThickness

    StrokeThickness of the SfChips.

    SfChipNormalFontSize

    FontSize of the SfChips.

    SfChipNormalCornerRadius

    CornerRadius of the SfChips.

    SfChipNormalBackground

    Color of the SfChips Background.

    SfChipNormalTextColor

    Color of the SfChip TextColor.

    SfChipNormalClearButtonIconColor

    Color of the clear button icon.

    SfChipNormalStroke

    Color of the SfChips stroke.

    SfChipNormalSelectionIndicatorColor

    Color of the SfChips selection indicator.

    SfChipDisabledBackground

    Color of the SfChips background in disabled state.

    SfChipDisabledTextColor

    Color of the SfChips text in disabled state.

    SfChipDisabledClearButtonIconColor

    Color of the clear button icon in disabled state.

    SfChipDisabledStroke

    Color of the SfChips stroke in disabled state.

    SfChipDisabledSelectionIndicatorColor

    Color of the SfChips selection indicator in disabled state.

    SfChipGroupTheme

    By merging this key in application resources, you can customize the appearance of SfChipGroup without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
                 ...>
     <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <syncTheme:SyncfusionThemeResourceDictionary />
                <ResourceDictionary>
                    <x:String x:Key="SfChipGroupTheme">CommonTheme</x:String>
                    <Color x:Key="SfChipGroupNormalSelectionBackground">Purple</Color>
                    <Color x:Key="SfChipGroupNormalSelectedTextColor">YellowGreen</Color>
                </ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
     </Application.Resources>
     </Application>


    SfChipGroupNormalStrokeThickness

    StrokeThickness of the SfChipGroup.

    SfChipGroupNormalCornerRadius

    CornerRadius of the SfChipGroup.

    SfChipGroupNormalSelectedTextColor

    Color of the SfChipGroup selected text in normal state.

    SfChipGroupNormalClearButtonIconColor

    Color of the clear button icon.

    SfChipGroupNormalBackground

    Color of the SfChipGroup background.

    SfChipGroupNormalTextColor

    Color of the SfChipGroup text.

    SfChipGroupNormalStroke

    Color of the SfChipGroup stroke in normal state.

    SfChipGroupNormalSelectionBackground

    Color of the SfChipGroup selection background.

    SfChipGroupNormalSelectionIndicatorColor

    Color of the SfChipGroup selection indicator.

    SfChipGroupPressedStroke

    Color of the SfChipGroup stroke in pressed state.

    SfChipGroupDisabledBackground

    Color of the SfChipGroup background in disabled state.

    SfChipGroupDisabledTextColor

    Color of the SfChipGroup text in disabled state.

    SfChipGroupDisabledStroke

    Color of the SfChipGroup stroke in disabled state.

    SfChipGroupSelectedDisabledBackground

    Color of the SfChipGroup selected background in disabled state.

    SfChipGroupSelectedDisabledTextColor

    Color of the SfChipGroup selected text in disabled state.

    SfChipGroupDisabledSelectionIndicatorColor

    Color of the SfChipGroup selection indicator in disabled state.

    SfCircular Chart

    Theme Dictionary

    Keys

    Description

    SfCircularChartStyles

    SfCircularChartTheme

    By merging this key in application resources, you can customize the appearance of SfCircularChart without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
                  ...>
      <Application.Resources>
         <ResourceDictionary>
             <ResourceDictionary.MergedDictionaries>
                 <syncTheme:SyncfusionThemeResourceDictionary />
                 <ResourceDictionary>
                     <x:String x:Key="SfCircularChartTheme">CommonTheme</x:String>
                     <Color x:Key="SfCircularChartBackground">LightYellow</Color>
                     <Color x:Key="SfCircularChartTooltipBackground">Gray</Color>
                 </ResourceDictionary>
             </ResourceDictionary.MergedDictionaries>
         </ResourceDictionary>
      </Application.Resources>
      </Application>


    SfCircularChartBackground

    Background of the circular chart

    SfCircularChartSelectionBrush

    Color of the selected segment of the series.

    SfCircularChartTooltipBackground

    Background of the tooltip

    SfCircularChartTooltipTextColor

    Text color of the tooltip

    SfCircularChartTooltipTextFontSize

    Font size of tooltip text

    SfEffectsView

    Theme Dictionary

    Keys

    Description

    SfEffectsViewStyles

    SfEffectsViewTheme

    By merging this key in application resources, you can customize the appearance of SfEffectsView without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
                 ...>
     <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <syncTheme:SyncfusionThemeResourceDictionary />
                <ResourceDictionary>
                    <x:String x:Key="SfEffectsViewTheme">CommonTheme</x:String>
                    <Color x:Key="SfEffectsViewRippleBackground">Yellow</Color>
                    <Color x:Key="SfEffectsViewHighlightBackground">Red</Color>
                </ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
     </Application.Resources>
     </Application>


    SfEffectsViewRippleBackground

    Color of the SfEffectsView ripple background.

    SfEffectsViewSelectionBackground

    Color of the SfEffectsView selection background

    SfEffectsViewHighlightBackground

    Color of the SfEffectsView highlight background.

    SfEffectsViewRippleAnimationDuration

    Duration of the SfEffectsView ripple animation.

    SfFunnel Chart

    Theme Dictionary

    Keys

    Description

    SfFunnelStyles

    SfFunnelChartTheme

    By merging this key in application resources, you can customize the appearance of SfFunnelChart without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
                  ...>
      <Application.Resources>
         <ResourceDictionary>
             <ResourceDictionary.MergedDictionaries>
                 <syncTheme:SyncfusionThemeResourceDictionary />
                 <ResourceDictionary>
                     <x:String x:Key="SfFunnelChartTheme">CommonTheme</x:String>
                     <Color x:Key="SfFunnelChartBackground">LightYellow</Color>
                     <Color x:Key="SfFunnelChartTooltipBackground">Gray</Color>
                 </ResourceDictionary>
             </ResourceDictionary.MergedDictionaries>
         </ResourceDictionary>
      </Application.Resources>
      </Application>


    SfFunnelChartBackground

    Background of the funnel chart

    SfFunnelChartSelectionBrush

    Color of the selected segment.

    SfFunnelChartTooltipBackground

    Background of the tooltip

    SfFunnelChartTooltipTextColor

    Text color of the tooltip

    SfFunnelChartTooltipTextFontSize

    Font size of the tooltip text

    SfNavigationDrawer

    Theme Dictionary

    Keys

    Description

    SfNavigationDrawerStyles

    SfNavigationDrawerTheme

    By merging this key in application resources, you can customize the appearance of SfNavigationDrawer without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
                 ...>
     <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <syncTheme:SyncfusionThemeResourceDictionary />
                <ResourceDictionary>
                    <x:String x:Key="SfNavigationDrawerTheme">CommonTheme</x:String>
                    <Color x:Key="SfNavigationDrawerContentBackground">Yellow</Color>
                    <Color x:Key="SfNavigationDrawerGreyLayoutBackground">Red</Color>
                </ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
     </Application.Resources>
     </Application>


    SfNavigationDrawerContentBackground

    Color of the SfNavigationDrawer background.

    SfNavigationDrawerGreyLayoutBackground

    Color of the SfNavigationDrawer layout background.

    SfOtpInput

    Theme Dictionary

    Keys

    Description

    SfOtpInputStyles

    SfOtpInputTheme

    By merging this key in application resources, you can customize the appearance of SfOtpInput without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
                 ...>
     <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <syncTheme:SyncfusionThemeResourceDictionary />
                <ResourceDictionary>
                    <x:String x:Key="SfOtpInputTheme">CommonTheme</x:String>
                    <Color x:Key="SfOtpInputTextColor">Yellow</Color>
                    <Color x:Key="SfOtpInputFilledBackground">Red</Color>
                </ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
     </Application.Resources>
     </Application>


    SfOtpInputTextColor

    Text color of the OTP Input.

    SfOtpInputFilledBackground

    The background color of the OTP Input on filled state.

    SfOtpInputBorderDefault

    Border color of the OTP Input.

    SfOtpInputPlaceholderColor

    Placeholder color of the OTP Input.

    SfOtpInputSuccessStroke

    Border color when OTP Input is successfully validated.

    SfOtpInputWarningStroke

    Border color when there's a warning state in OTP Input.

    SfOtpInputErrorStroke

    Border color when there's an error state in OTP Input.

    SfOtpInputDefaultBackground

    Default background color of the OTP Input.

    SfOtpInputHoveredBackground

    Background color when hovered over OTP Input.

    SfOtpInputBorderHovered

    Border color when hovered over OTP Input.

    SfOtpInputBorderPressed

    Border color when OTP Input is pressed.

    SfOtpInputBorderDisabled

    Border color when OTP Input is disabled.

    SfOtpInputBackgroundDisabled

    Background color when OTP Input is disabled.

    SfOtpInputDisabledTextColor

    Text color when OTP Input is disabled.

    SfPopup

    Theme Dictionary

    Keys

    Description

    SfPopupStyles

    SfPopupTheme

    By merging this key in application resources, you can customize the appearance of SfPopup without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
                 ...>
     <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <syncTheme:SyncfusionThemeResourceDictionary />
                <ResourceDictionary>
                    <x:String x:Key="SfPopupTheme">CommonTheme</x:String>
                    <Color x:Key="SfPopupNormalHeaderTextColor">Black</Color>
                    <Color x:Key="SfPopupHoverFooterButtonBackground">Gray</Color>
                </ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
     </Application.Resources>
    
    ....
    
    </Application>


    SfPopupHoverFooterButtonBackground

    Hover Background color of the SfPopup Footer button.

    SfPopupFooterButtonRippleBackground

    Ripple Background Color of the Sfpopup Footer button.

    SfPopupNormalHeaderBackground

    Background color of the SfPopup Header.

    SfPopupNormalHeaderTextColor

    Text color of the SfPopup Header.

    SfPopupNormalMessageBackground

    Background color of the SfPopup Message.

    SfPopupNormalMessageTextColor

    Text color of the SfPopup Message.

    SfPopupNormalFooterBackground

    Background color of the SfPopup Footer.

    SfPopupNormalAcceptButtonBackground

    Background color of the SfPopup AcceptButton.

    SfPopupNormalAcceptButtonTextColor

    Text color of the SfPopup AcceptButton.

    SfPopupNormalDeclineButtonBackground

    Background color of the SfPopup DeclineButton.

    SfPopupNormalDeclineButtonTextColor

    Text color of the SfPopup DeclineButton.

    SfPopupNormalStroke

    Stroke color of the SfPopup.

    SfPopupNormalHeaderFontSize

    Font Size of the SfPopup Header.

    SfPopupNormalMessageFontSize

    Font Size of the SfPopup Message.

    SfPopupNormalFooterFontSize

    Font Size of the SfPopup Footer.

    SfPopupNormalStrokeThickness

    Stroke Thickness of the SfPopup.

    SfPopupNormalOverlayBackground

    Background color of the SfPopup Overlay.

    SfPopupHoverCloseButtonIconBackground

    Hover Background color of the SfPopup CloseButtonIcon.

    SfPopupPressedCloseButtonIconBackground

    Pressed Background color of the SfPopup CloseButtonIcon.

    SfPopupNormalCloseButtonIconStroke

    Stroke color of the SfPopup CloseButtonIcon.

    SfPopupNormalBackground

    Background color of the SfPopup.

    SfPopupNormalCloseButtonIconStrokeThickness

    Stroke Thickness of the SfPopup CloseButtonIcon.

    SfPullToRefresh

    Theme Dictionary

    Keys

    Description

    SfPullToRefreshStyles

    SfPullToRefreshTheme

    By merging this key in application resources, you can customize the appearance of SfPullToRefresh without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
                 ...>
     <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <syncTheme:SyncfusionThemeResourceDictionary />
                <ResourceDictionary>
                    <x:String x:Key="SfPullToRefreshTheme">CommonTheme</x:String>
                    <Color x:Key="SfPullToRefreshProgressBackground">Black</Color>
                    <Color x:Key="SfPullToRefreshProgressColor">White</Color>
                </ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
     </Application.Resources>
    
    ....
    
    </Application>


    SfPullToRefreshProgressBackground

    Background color of the progress circle view.

    SfPullToRefreshProgressColor

    Color of the progress indicator.

    SfPullToRefreshProgressThickness

    Thickness of the progress indicator.

    SfPyramid Chart

    Theme Dictionary

    Keys

    Description

    SfPyramidChartStyles

    SfPyramidChartTheme

    By merging this key in application resources, you can customize the appearance of SfPyramidChart without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
                   ...>
       <Application.Resources>
          <ResourceDictionary>
              <ResourceDictionary.MergedDictionaries>
                  <syncTheme:SyncfusionThemeResourceDictionary />
                  <ResourceDictionary>
                      <x:String x:Key="SfPyramidChartTheme">CommonTheme</x:String>
                      <Color x:Key="SfPyramidChartBackground">LightYellow</Color>
                      <Color x:Key="SfPyramidChartTooltipBackgrounds">Gray</Color>
                  </ResourceDictionary>
              </ResourceDictionary.MergedDictionaries>
          </ResourceDictionary>
       </Application.Resources>
       </Application>


    SfPyramidChartBackground

    Background color of the pyramid chart

    SfPyramidChartSelectionBrush

    Color of the selected segment of the series.

    SfPyramidChartTooltipBackgrounds

    Background of the tooltip

    SfPyramidChartTooltipTextColor

    Text color of the tooltip

    SfPyramidChartTooltipTextFontSize

    Font size of the tooltip text

    SfSegmentedControl

    Theme Dictionary

    Keys

    Description

    SfSegmentedControlStyles

    SfSegmentedControlTheme

    By merging this key in application resources, you can customize the appearance of SfSegmentedControl without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
                 ...>
     <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <syncTheme:SyncfusionThemeResourceDictionary />
                <ResourceDictionary>
                    <x:String x:Key="SfSegmentedControlTheme">CommonTheme</x:String>
                    <Color x:Key="SfSegmentedControlNormalStroke">Red</Color>
                    <Color x:Key="SfSegmentedControlNormalBackground">Green</Color>
                </ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
     </Application.Resources>
    
    ....
    
    </Application>


    SfSegmentedControlNormalStroke

    Color of border in the segmented control.

    SfSegmentedControlNormalTextColor

    Color of text in the segmented control.

    SfSegmentedControlNormalBackground

    Background color of the segmented control.

    SfSegmentedControlDisabledSegmentBackground

    Background Color of segment when it is disabled.

    SfSegmentedControlDisabledSegmentTextColor

    Color of segment item text when it is disabled.

    SfSegmentedControlSelectionBackground

    Background color of segment when it is selected.

    SfSegmentedControlSelectionTextColor

    Color of segmented items text when it is selected.

    SfSegmentedControlSelectionStroke

    Color of segmented item border when it is selected.

    SfSegmentedControlHoveredBackground

    Background color of segment when it is hovered.

    SfSegmentedControlKeyboardFocusStroke

    Segmented controls border color when it is focused using the keyboard navigation keys.

    SfSegmentedControlNormalStrokeThickness

    Thickness of the border stroke in the segmented control.

    SfSegmentedControlNormalCornerRadius

    Corner radius of the segmented control.

    SfSegmentedControlNormalSegmentCornerRadius

    Corner radius of segment in the segmented control.

    SfSegmentedControlNormalFontSize

    Font size of the segment item in the segmented control.

    SfSegmentedControlBorderSelectionStrokeThickness

    Thickness of the border stroke in the segmented control, when it is selected.

    SfShimmer

    Theme Dictionary

    Keys

    Description

    SfShimmerStyles

    SfShimmerTheme

    By merging this key in application resources, you can customize the appearance of SfShimmer without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
                 ...>
     <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <syncTheme:SyncfusionThemeResourceDictionary />
                <ResourceDictionary>
                    <x:String x:Key="SfShimmerTheme">CommonTheme</x:String>
                    <Color x:Key="SfShimmerFillColor">Pink</Color>
                    <Color x:Key="SfShimmerWaveColor">Purple</Color>
                </ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
     </Application.Resources>
    
    ....
    
    </Application>


    SfShimmerFillColor

    Fill color of the shimmer.

    SfShimmerWaveColor

    Wave color of the shimmer.

    SfShimmerNormalBackground

    Background color of the shimmer.

    SfSunburst Chart

    Theme Dictionary

    Keys

    Description

    SfSunburstChartStyles

    SfSunburstChartTheme

    By merging this key in application resources, you can customize the appearance of SfSunburstChart without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
                  ...>
      <Application.Resources>
         <ResourceDictionary>
             <ResourceDictionary.MergedDictionaries>
                 <syncTheme:SyncfusionThemeResourceDictionary />
                 <ResourceDictionary>
                     <x:String x:Key="SfSunburstChartTheme">CommonTheme</x:String>
                     <Color x:Key="SfSunburstChartBackground">LightGreen</Color>
                     <Color x:Key="SfSunburstChartTooltipBackground">LightYellow</Color>
                 </ResourceDictionary>
             </ResourceDictionary.MergedDictionaries>
         </ResourceDictionary>
      </Application.Resources>
      
      ....
    
      </Application>


    SfSunburstChartBackground

    Background color of the sunburst chart

    SfSunburstChartTooltipBackground

    Background of the tooltip

    SfSunburstChartTooltipTextColor

    Text color of the tooltip

    SfSunburstChartTooltipTextFontSize

    Font size of the tooltip text

    SfSunburstChartLegendTextColor

    Text color of the legend

    SfSunburstChartLegendFontSize

    Font size of the legend

    SfTabView

    Theme Dictionary

    Keys

    Description

    SfTabViewStyles

    SfTabViewTheme

    By merging this key in application resources, you can customize the appearance of SfTabView without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
                 ...>
     <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <syncTheme:SyncfusionThemeResourceDictionary />
                <ResourceDictionary>
                    <x:String x:Key="SfTabViewTheme">CommonTheme</x:String>
                    <Color x:Key="SfTabViewActiveMouseHoveredIndicatorBackground">DarkBlue</Color>
                    <Color x:Key="SfTabViewNormalTabBarBackground">Gold</Color>
                </ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
     </Application.Resources>
     </Application>


    SfTabViewDisabledTextColor

    Color of the SfTabView text in disabled state.

    SfTabViewActiveDisabledBackground

    Background color of the active SfTabView when disabled.

    SfTabViewActiveIndicatorBackground

    BackgroundColor of the active indicator in a SfTabView.

    SfTabViewActiveMouseHoveredIndicatorBackground

    BackgroundColor of the active indicator in a SfTabView when hovered.

    SfTabViewActiveDisabledIndicatorBackground

    BackgroundColor of the active indicator in a SfTabView when disabled.

    SfTabViewNormalTextColor

    Color of the SfTabView text.

    SfTabViewActiveNormalBackground

    BackgroundColor of the active SfTabView.

    SfTabViewInActiveNormalTextColor

    TextColor of the inactive SfTabView.

    SfTabViewActivePressedBackground

    BackgroundColor of the active SfTabView in pressed state.

    SfTabViewInActiveTextColor

    TextColor of the inactive SfTabView.

    SfTabViewInActivePressedBackground

    BackgroundColor of the inactive SfTabView in pressed state.

    SfTabViewActiveTextColor

    TextColor of the active SfTabView.

    SfTabViewInActiveNormalBackground

    BackgroundColor of the inactive SfTabView.

    SfTabViewSelectedTextColor

    TextColor of the selected SfTabView.

    SfTabViewInActiveDisabledBackground

    BackgroundColor of the inactive SfTabView in disabled state.

    SfTabViewInActiveHoveredBackground

    BackgroundColor of the inactive SfTabView in hover state.

    SfTabViewNormalFilledTextColor

    Color of the filled SfTabView text.

    SfTabViewActiveFilledNormalBackground

    Color of the active fill SfTabView background.

    SfTabViewActiveHoveredFilledTextColor

    Color of the active hovered fill SfTabView text.

    SfTabViewActiveHoveredBackground

    BackgroundColor of the active SfTabView in hover state.

    SfTabViewInActiveHoveredFilledTextColor

    TextColor of the inactive SfTabView in hover state.

    SfTabViewInActiveHoveredFilledBackground

    BackgroundColor of the inactive fill SfTabView in hover state.

    SfTabViewActivePressedFilledTextColor

    TextColor of the active filled SfTabView in pressed state.

    SfTabViewActivePressedFilledBackground

    BackgroundColor of the active filled SfTabView in pressed state.

    SfTabViewInActivePressedFilledTextColor

    TextColor of the inactive filled SfTabView in pressed state.

    SfTabViewInActivePressedFilledBackground

    BackgroundColor of the inactive filled SfTabView in pressed state.

    SfTabViewActiveFocusedFilledTextColor

    TextColor of the active filled SfTabView in focus state.

    SfTabViewActiveFocusedFilledBackground

    BackgroundColor of the active filled SfTabView in focus state.

    SfTabViewSelectedFilledTextColor

    TextColor of the selected filled SfTabView.

    SfTabViewSelectedFilledBackground

    BackgroundColor of the selected filled SfTabView.

    SfTabViewDisabledFilledTextColor

    TextColor of the disabled filled SfTabView.

    SfTabViewActiveHoveredFilledBackground

    Background color of the active filled SfTabView in hover state.

    SfTabViewDisabledTabBarBackground

    Background color of the SfTabView tab bar when disabled.

    SfTabViewInActiveFocusedBackground

    Background color of the inactive SfTabView in focus state.

    SfTabViewNormalFontSize

    Font size of the text in the SfTabView when in normal state.

    SfTabViewNormalTabBarBackground

    Background color of the SfTabView tab bar in normal state.

    SfTabViewScrollButtonBackground

    Background color of the SfTabView scroll button.

    SfTabViewScrollButtonDisabledIconColor

    Icon color of the SfTabView scroll button when disabled.

    SfTabViewScrollButtonIconColor

    Icon color of the SfTabView scroll button.

    SfTabViewInActiveNormalTextColor

    Text color of the inactive SfTabView in normal state.

    SfTabViewDisabledFilledBackground

    BackgroundColor of the disabled filled SfTabView.

    SfTextInputLayout

    Theme Dictionary

    Keys

    Description

    SfTextInputLayoutStyles

    SfTextInputLayoutTheme

    By merging this key in application resources, you can customize the appearance of SfTextInputLayout without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
                 ...>
     <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <syncTheme:SyncfusionThemeResourceDictionary />
                <ResourceDictionary>
                    <x:String x:Key="SfTextInputLayoutTheme">CommonTheme</x:String>
                    <Color x:Key="SfTextInputLayoutStroke">Yellow</Color>
                    <Color x:Key="SfTextInputLayoutContainerBackground">Pink</Color>
                </ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
     </Application.Resources>
     </Application>


    SfTextInputLayoutNormalContainerBackground

    Color of the SfTextInputLayout background in normal state.

    SfTextInputLayoutStroke

    Color of the SfTextInputLayout stroke.

    SfTextInputLayoutMouseHoveredContainerBackground

    Color of the SfTextInputLayout background text in hover state.

    SfTextInputLayoutContainerBackground

    Color of the SfTextInputLayout background.

    SfTextInputLayoutHoveredStroke

    Color of the SfTextInputLayout stroke in hover state.

    SfTextInputLayoutFocusedContainerBackground

    Color of the SfTextInputLayout background in focused state.

    SfTextInputLayoutCommonStroke

    Color of the SfTextInputLayout common stroke.

    SfTextInputLayoutDisabledContainerBackground

    Color of the SfTextInputLayout background in disabled state.

    SfTextInputLayoutDisabledStroke

    Color of the SfTextInputLayout stroke in disabled state.

    SfTextInputLayoutErrorStroke

    Color of the SfTextInputLayout error stroke.