ComboBox

The ComboBox control presents users with a list of options. The list is shown and hidden as the control expands and collapses. In its default state, the list is collapsed, displaying only one choice.

Changing the color of the underline

The color of the underline can be changed by applying the TextFieldAssist.UnderlineBrush brush.

<ComboBox Style="{DynamicResource MaterialDesignComboBox}" materialDesign:TextFieldAssist.UnderlineBrush="Chocolate" >
    <ComboBoxItem IsSelected="True">Item 1</ComboBoxItem>
</ComboBox>

Styles

The Material Design In XAML Toolkit provides two styles:

• MaterialDesignComboBox
• MaterialDesignFloatingHintComboBox

MaterialDesignComboBox

The default ComboBox in the Material Design.

<ComboBox Style="{DynamicResource MaterialDesignComboBox}">
    <ComboBoxItem IsSelected="True">Item 1</ComboBoxItem>
</ComboBox>

MaterialDesignFloatingHintComboBox

Adds a customizable hint above the item preview.

<ComboBox Style="{DynamicResource MaterialDesignFloatingHintComboBox}" materialDesign:HintAssist.Hint="Hint text">
    <ComboBoxItem IsSelected="True">Item 1</ComboBoxItem>
</ComboBox>

Changing the color of the Hint

The color of the hint can be changed by applying the HintAssist.Foreground brush.

<ComboBox Style="{DynamicResource MaterialDesignFloatingHintComboBox}" materialDesign:HintAssist.Foreground="DeepPink" materialDesign:HintAssist.Hint="Hint text">
    <ComboBoxItem IsSelected="True">Item 1</ComboBoxItem>
</ComboBox>