StaticCard
The `StaticCard` component can be used to create a card that does not respond to user interactions. It can be rendered as any HTML element by specifying the `as` prop.
Examples
<Flex> <StaticCard padding={3} border borderWidth={1}> Simple static card </StaticCard> </Flex>
Define `colorScheme` to choose another variant.
<Flex gap={2} flexWrap="wrap"> <StaticCard colorScheme="white" padding={3}> White </StaticCard> <StaticCard colorScheme="grey" padding={3}> Grey </StaticCard> <StaticCard colorScheme="green" padding={3}> Green </StaticCard> <StaticCard colorScheme="darkGreen" padding={3}> Dark green </StaticCard> <StaticCard colorScheme="orange" padding={3}> Orange </StaticCard> <StaticCard colorScheme="red" padding={3}> Red </StaticCard> <StaticCard colorScheme="yellow" padding={3}> Yellow </StaticCard> <StaticCard colorScheme="darkYellow" padding={3}> Dark yellow </StaticCard> <StaticCard colorScheme="blue" padding={3}> Blue </StaticCard> <StaticCard colorScheme="darkBlue" padding={3}> Dark blue </StaticCard> </Flex>