FOUNDATIONS / COMPONENT

Code Block

Code Block components for foundations, designed to compose with native Qwik markup.

Preview

A live Qwik component rendered from the same source used in your app.

INTERACTIVE

COCode BlockComposable Qwik component · native HTML behavior

Import

Components are tree-shakeable. Import only the exports you use.

import { CodeBlock } from "reui-qwik";

Typed and composableComponent props are exported as TypeScript types. Native attributes are forwarded where applicable, and styles can be adjusted with a class or the shared CSS tokens.