Update demo a little

csandman · Nov 13, 2024 · bbdc8eb · bbdc8eb
1 parent dfdca9c
commit bbdc8eb
Showing 1 changed file with 5 additions and 13 deletions.
diff --git 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