Skip to content
bahtuiv0.6.0

<baht-code>

Monospace code, inline chip or block. Content is the children (or the code property). Not a highlighter.

Inline

Use baht-button for actions and baht-input for text.

<p>Use <baht-code>baht-button</baht-code> for actions and <baht-code>baht-input</baht-code> for text.</p>

Block

npm i bank20baht-ui import ‘bank20baht-ui’;
<baht-code variant="block">npm i bank20baht-ui
import ‘bank20baht-ui’;</baht-code>
NameTypeDefaultDescription
variantCodeVariant'inline'Inline chip or block (inline | block)
codestring''Text alternative to children
SlotDescription
(default)The code text