/
githubmirror
/
Open-Assistant
Обзор
Документация
Войти
/
githubmirror
/
Open-Assistant
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
website/src/components/Loading/MessageLoading.tsx
19 строк
775 B
Eng Zer Jun
refactor(website): convert Header and Loading stories to TypeScript (#2050)
13 мар 2023, 00:38
Не верифицирован
13 мар 2023, 00:38
26fec63
Код
Авторство
О чём код?
import { Box, Progress, useColorModeValue } from "@chakra-ui/react"; export const MessageLoading = () => { const loadingColor = useColorModeValue("gray.200", "gray.600"); return ( <Box className="w-full"> <Progress size="sm" isIndeterminate /> <Box className="flex flex-col gap-2 my-8"> <Box width="28" padding="4" borderRadius="md" bg={loadingColor}></Box> <Box width="full" maxWidth="xl" height="16" bg={loadingColor} padding="4" borderRadius="xl"></Box> </Box> <Box className="flex flex-col gap-2 mb-4"> <Box width="28" padding="4" borderRadius="md" bg={loadingColor}></Box> <Box width="full" maxWidth="lg" height="16" bg={loadingColor} padding="4" borderRadius="xl"></Box> </Box> </Box> ); };