refactor(docs): updating Chips PointerOver styling pic and doc (backp…

…ort #799) (#800) Co-authored-by: Ariel De Los Santos <ariel.delossantos@nventive.com>
unoplatform · Sep 1, 2023 · 3b10bc8 · 3b10bc8
1 parent fe1fbdb
commit 3b10bc8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/doc/assets/material-chip-pointerover-lightweight-styling.png b/doc/assets/material-chip-pointerover-lightweight-styling.png
diff --git a/doc/lightweight-styling.md b/doc/lightweight-styling.md
@@ -24,13 +24,18 @@ For general information about [lightweight styling](https://learn.microsoft.com/
 Just like in [Uno.Themes](xref:uno.themes.lightweightstyling), some interactive controls have multiple states (eg. ChipForeground*PointerOver*, ChipForeground*Pressed*, ChipForeground*Disabled*). Combined with these, the Chip control also has a **Checked** state. [These links](lightweight-styling#resource-keys) list the resource keys for each control.
 
 ```xml
-<utu:Chip Content="Overriden Chip Style" Style="{StaticResource FilterChipStyle}">
+<utu:Chip Content="Default Chip Style" />
+
+<utu:Chip Content="Overridden Chip Style">
 	<utu:Chip.Resources>
 		<SolidColorBrush x:Key="ChipForeground" Color="DarkGreen" />
 		<SolidColorBrush x:Key="ChipBackground" Color="LightGreen" />
 		<SolidColorBrush x:Key="ChipBorderBrush" Color="DarkGreen" />
+	</utu:Chip.Resources>
+</utu:Chip>
 
-		<!-- Overriding the PointerOver brushes -->
+<utu:Chip Content="Overridden Chip Style (PointerOver)">
+	<utu:Chip.Resources>
 		<SolidColorBrush x:Key="ChipForegroundPointerOver" Color="DarkRed" />
 		<SolidColorBrush x:Key="ChipBackgroundPointerOver" Color="LightPink" />
 		<SolidColorBrush x:Key="ChipBorderBrushPointerOver" Color="DarkRed" />