Installation#

1
yarn add @codeday/topo

1
npm add @codeday/topo

Other dependencies#

If you are using @chakra-ui/react please use version ~1.6.12

1
yarn add @chakra-ui/react@~1.6.12

1
npm add @chakra-ui/react@~1.6.12

This also could be helpful?

js
1
import { AspectRatio, ControlBox, Flex, Grid, PseudoBox, Box, SizeBox, ClientSideOnlyBox, VisibilityCheckBox, RatioBox, Button, CloseButton, Menu, MenuButton, MenuList, MenuItem, MenuGroup, MenuDivider, MenuOptionGroup, MenuItemOption, SH, CodeBlock, Divider, FormControl, FormLabel, FormErrorMessage, FormHelperText, Image, Checkbox, NumberInput, Radio, Slider, Select, Switch, TextInput, Textarea, CheckboxGroup, NumberInputField, NumberInputStepper, NumberIncrementStepper, NumberDecrementStepper, RadioGroup, Stack, HStack, VStack, SliderTrack, SliderFilledTrack, SliderThumb, InputLeftAddon, InputRightAddon, InputRightElement, InputLeftElement, InputGroup, List, OrderedList, ListItem, ListIcon, UnorderedList, Logo, CodeDay, Labs, CsFest, Evangelist, Clear, CodeCup, Community, Popover, PopoverTrigger, PopoverArrow, PopoverContent, PopoverHeader, PopoverFooter, PopoverCloseButton, PopoverBody, Skelly, Spinner, StatusDot, P, Tooltip, Heading, Link, Text, H1, H2, H3, H4, H5, H6, Span, Editable, EditableInput, EditablePreview, Code, CopyText } from '@codeday/topo/Atom'
2
import { CognitoForm, Collapse, Content, DataCollection, Deck, Html, IconBoxIcon, IconBoxText, IconBoxBody, IconBox, Slides } from '@codeday/topo/Molecule'
3
import { Announcement, CustomLinks, CustomText, Footer, SiteLogo, Menu, Header, MailingListSubscribe, Main, Sponsorship } from '@codeday/topo/Organism'
4
import { useColorMode, useColorModeValue, ThemeProvider, codedayTheme } from '@codeday/topo/Theme'
5
import { useClipboard, useDisclosure, useAnalytics, useTheme, useSsr, api, apiFetch, useToasts, useString, useLocalStorage } from '@codeday/topo/utils'
6
import { dereferenceDottedString, debounce, reactChildrenMapRecursive, setChildProps, wrapHtml, pureRef, makePureBox, childrenOfType } from '@codeday/topo/_utils'