doc: Update README.md

README.md

@@ -69,34 +69,6 @@ document.addEventListener('colorschemechange', (e) => {
 });
 ```
 
-## Properties
-
-Properties can be set directly on the custom element at creation time, or dynamically via JavaScript.
-
-```typescript
-export type ColorScheme = 'light' | 'dark';
-export class DarkMode extends HTMLElement {
-  mode?: ColorScheme;
-  /**
-   * Defaults to not remember the last choice.
-   * If present remembers the last selected mode (`dark` or `light`),
-   * which allows the user to permanently override their usual preferred color scheme.
-   */
-  permanent?: boolean;
-  /**
-   * Any string value that represents the label for the "dark" mode.
-   */
-  dark?: string;
-  /**
-   * Any string value that represents the label for the "light" mode.
-   */
-  light?: string;
-  style?: React.CSSProperties;
-}
-```
-
-## Complete Example
-
 Interacting with the custom element:
 
 ```js
@@ -139,6 +111,32 @@ document.addEventListener('permanentcolorscheme', (e) => {
 });
 ```
 
+## Properties
+
+Properties can be set directly on the custom element at creation time, or dynamically via JavaScript.
+
+```typescript
+export type ColorScheme = 'light' | 'dark';
+export class DarkMode extends HTMLElement {
+  mode?: ColorScheme;
+  /**
+   * Defaults to not remember the last choice.
+   * If present remembers the last selected mode (`dark` or `light`),
+   * which allows the user to permanently override their usual preferred color scheme.
+   */
+  permanent?: boolean;
+  /**
+   * Any string value that represents the label for the "dark" mode.
+   */
+  dark?: string;
+  /**
+   * Any string value that represents the label for the "light" mode.
+   */
+  light?: string;
+  style?: React.CSSProperties;
+}
+```
+
 ## Events
 
 - `colorschemechange`: Fired when the color scheme gets changed.