Code
View Chakra UI documentation
Default
Danger
Warning
Success
Info
Gray
Red
Orange
Yellow
Green
Teal
Cyan
Blue
Purple
Pink
<Stack spacing="6"> <Wrap align="center"> <Code>Default</Code> <Code colorScheme="danger">Danger</Code> <Code colorScheme="warning">Warning</Code> <Code colorScheme="success">Success</Code> <Code colorScheme="info">Info</Code> </Wrap> <Wrap align="center"> <Code colorScheme="gray">Gray</Code> <Code colorScheme="red">Red</Code> <Code colorScheme="orange">Orange</Code> <Code colorScheme="yellow">Yellow</Code> <Code colorScheme="green">Green</Code> <Code colorScheme="teal">Teal</Code> <Code colorScheme="cyan">Cyan</Code> <Code colorScheme="blue">Blue</Code> <Code colorScheme="purple">Purple</Code> <Code colorScheme="pink">Pink</Code> </Wrap> </Stack>