CodeShowcase

Tabs that pair a short code snippet with its live render, to show what a few lines of code produce.

import { CodeShowcase } from '@lobehub/ui/awesome';

Landing

Default

Loading preview

CodeShowcase properties

activeKey

string

defaultActiveKey

string

itemsRequired

CodeShowcaseItem[]

minHeight

number

Minimum height of both panes in pixels.

Defaults to 300.

onChange

(key: string) => void

Also accepts all native HTML and ARIA attributes.