diff --git a/demo/Semi.Avalonia.Demo/Pages/Overview.axaml b/demo/Semi.Avalonia.Demo/Pages/Overview.axaml
index a236e88..ee2d21c 100644
--- a/demo/Semi.Avalonia.Demo/Pages/Overview.axaml
+++ b/demo/Semi.Avalonia.Demo/Pages/Overview.axaml
@@ -62,12 +62,79 @@
                         <TextBlock Classes="Tertiary">Description 2</TextBlock>
                     </StackPanel>
                 </RadioButton>
+                <RadioButton Margin="4" Theme="{StaticResource PureCardRadioButton}">
+                    <StackPanel>
+                        <TextBlock FontWeight="Bold">Option 1</TextBlock>
+                        <TextBlock Classes="Tertiary">Description 1</TextBlock>
+                    </StackPanel>
+                </RadioButton>
+                <RadioButton
+                    Margin="4"
+                    IsChecked="True"
+                    Theme="{StaticResource PureCardRadioButton}">
+                    <StackPanel>
+                        <TextBlock FontWeight="Bold">Option 2</TextBlock>
+                        <TextBlock Classes="Tertiary">Description 2</TextBlock>
+                    </StackPanel>
+                </RadioButton>
             </StackPanel>
-            <StackPanel Orientation="Horizontal" />
             <StackPanel Orientation="Horizontal">
-                <CheckBox Margin="0,0,8,0">Avalonia</CheckBox>
-                <CheckBox Margin="0,0,8,0" IsChecked="True">WPF</CheckBox>
-                <CheckBox IsChecked="{x:Null}" IsThreeState="True">UWP</CheckBox>
+                <StackPanel Orientation="Horizontal">
+                    <CheckBox Margin="0,0,8,0">Avalonia</CheckBox>
+                    <CheckBox Margin="0,0,8,0" IsChecked="True">WPF</CheckBox>
+                    <CheckBox IsChecked="{x:Null}" IsThreeState="True">UWP</CheckBox>
+                </StackPanel>
+
+                <CheckBox Margin="4" Theme="{StaticResource CardCheckBox}">
+                    <StackPanel>
+                        <TextBlock FontWeight="Bold">Option 1</TextBlock>
+                        <TextBlock Classes="Tertiary">Description 1</TextBlock>
+                    </StackPanel>
+                </CheckBox>
+                <CheckBox
+                    IsChecked="True"
+                    Margin="4"
+                    Theme="{StaticResource CardCheckBox}">
+                    <StackPanel>
+                        <TextBlock FontWeight="Bold">Option 2</TextBlock>
+                        <TextBlock Classes="Tertiary">Description 2</TextBlock>
+                    </StackPanel>
+                </CheckBox>
+                <CheckBox
+                    IsThreeState="True"
+                    IsChecked="{x:Null}"
+                    Margin="4"
+                    Theme="{StaticResource CardCheckBox}">
+                    <StackPanel>
+                        <TextBlock FontWeight="Bold">Option 3</TextBlock>
+                        <TextBlock Classes="Tertiary">Description 3</TextBlock>
+                    </StackPanel>
+                </CheckBox>
+                <CheckBox Margin="4" Theme="{StaticResource PureCardCheckBox}">
+                    <StackPanel>
+                        <TextBlock FontWeight="Bold">Option 1</TextBlock>
+                        <TextBlock Classes="Tertiary">Description 1</TextBlock>
+                    </StackPanel>
+                </CheckBox>
+                <CheckBox
+                    IsChecked="True"
+                    Margin="4"
+                    Theme="{StaticResource PureCardCheckBox}">
+                    <StackPanel>
+                        <TextBlock FontWeight="Bold">Option 2</TextBlock>
+                        <TextBlock Classes="Tertiary">Description 2</TextBlock>
+                    </StackPanel>
+                </CheckBox>
+                <CheckBox
+                    Margin="4"
+                    IsThreeState="True"
+                    IsChecked="{x:Null}"
+                    Theme="{StaticResource PureCardCheckBox}">
+                    <StackPanel>
+                        <TextBlock FontWeight="Bold">Option 3</TextBlock>
+                        <TextBlock Classes="Tertiary">Description 3</TextBlock>
+                    </StackPanel>
+                </CheckBox>
             </StackPanel>
             <StackPanel Orientation="Horizontal">
                 <ToggleSwitch
@@ -96,7 +163,7 @@
                 </TabItem>
             </TabControl>
             <StackPanel Orientation="Horizontal" Spacing="20">
-                <ComboBox Width="200" PlaceholderText="Please Select" >
+                <ComboBox Width="200" PlaceholderText="Please Select">
                     <ComboBoxItem>Item 1</ComboBoxItem>
                     <ComboBoxItem>Item 2</ComboBoxItem>
                     <ComboBoxItem>Item 3</ComboBoxItem>
@@ -157,4 +224,4 @@
             </StackPanel>
         </StackPanel>
     </ScrollViewer>
-</UserControl>
+</UserControl>
\ No newline at end of file