From bbdc8eb7fd3a641510f1f97c3f2e5f9525894a0c Mon Sep 17 00:00:00 2001
From: csandman <chris@getcuebox.com>
Date: Tue, 12 Nov 2024 20:33:46 -0500
Subject: [PATCH] Update demo a little

---
 demo/src/app.tsx | 18 +++++-------------
 1 file changed, 5 insertions(+), 13 deletions(-)

diff --git a/demo/src/app.tsx b/demo/src/app.tsx
index 7047dc8..d6fd0b1 100644
--- a/demo/src/app.tsx
+++ b/demo/src/app.tsx
@@ -7,6 +7,7 @@ import {
   IconButton,
   Input,
   Portal,
+  Separator,
 } from "@chakra-ui/react";
 import { AsyncSelect, CreatableSelect, Select } from "chakra-react-select";
 import { LuX } from "react-icons/lu";
@@ -27,6 +28,8 @@ const App = () => {
         <Field.HelperText>This is some helper text</Field.HelperText>
       </Field.Root>
 
+      <Separator m={4} w="unset" />
+
       <ChakraSelect.Root
         collection={animeMovies}
         defaultValue={["spirited_away"]}
@@ -124,6 +127,8 @@ const App = () => {
         </Portal>
       </ChakraSelect.Root>
 
+      <Separator m={4} w="unset" />
+
       <Field.Root p={4}>
         <Field.Label>
           Select Colors and Flavours <Code>{'size="sm"'}</Code>
@@ -246,19 +251,6 @@ const App = () => {
         <Field.ErrorText>This is an error from the field</Field.ErrorText>
       </Field.Root>
 
-      <Field.Root p={4}>
-        <Field.Label>Flushed Variant</Field.Label>
-        <CreatableSelect
-          name="colors"
-          options={colorOptions}
-          placeholder="Select some colors..."
-          classNamePrefix="crs"
-          isClearable
-          variant="flushed"
-        />
-        <Field.ErrorText>This is an error from the field</Field.ErrorText>
-      </Field.Root>
-
       <Field.Root p={4}>
         <Field.Label>Subtle Variant</Field.Label>
         <CreatableSelect