Code Block

Used to display and highlight dynamic code blocks.

Library

Chakra UI

Framework

React

Type

component

License

MIT

Install

npm i @chakra-ui/react @emotion/react

Files

• packages/react/src/components/code-block/adapters.ts
• packages/react/src/components/code-block/code-block-adapter-context.ts
• packages/react/src/components/code-block/code-block-adapter-provider.tsx
• packages/react/src/components/code-block/code-block-context.ts
• packages/react/src/components/code-block/code-block.tsx
• packages/react/src/components/code-block/index.ts
• packages/react/src/components/code-block/namespace.ts
• packages/react/src/components/code-block/types.ts

Source

https://github.com/chakra-ui/chakra-ui

Categories

• Code Block Components
• React Code Block Components
• Dev Tool Components
• React Dev Tool Components

More from Chakra UI

• Code
• Absolute Center
• Accordion
• Action Bar
• Alert
• Area Chart
• Aspect Ratio
• Avatar
• Badge
• Bar Chart
• Bar List
• Bar Segment