diff --git a/www/app/[domain]/chakra-showcase/page.tsx b/www/app/[domain]/chakra-showcase/page.tsx new file mode 100644 index 00000000..45e3d68c --- /dev/null +++ b/www/app/[domain]/chakra-showcase/page.tsx @@ -0,0 +1,122 @@ +"use client"; +import { + Grid, + Box, + Kbd, + Heading, + Text, + Button, + Wrap, + WrapItem, + Spinner, + Menu, + MenuList, + MenuItem, + MenuButton, + Circle, +} from "@chakra-ui/react"; +import { PhoneIcon, ChevronDownIcon } from "@chakra-ui/icons"; +import { Select } from "chakra-react-select"; +import supportedLanguages from "../../supportedLanguages"; +import { useState } from "react"; + +export default () => { + const [language, setLanguage] = useState<{ label: string; value: string }>({ + label: "No translation", + value: "", + }); + const options = supportedLanguages.map((i) => ({ + label: i.name, + value: i.value || "", + })); + const handleLanguageChange = (option) => setLanguage(option); + + return ( + <> +
+ + + + Here are a few components + + + + + shift + H + + + + + + + + + + + + + + + + + + }> + Actions + + + Download + Create a Copy + Mark as Draft + Delete + Attend a Workshop + + + + + +