Skip to content
CtrlK

ArdoCodeGroup

On this page

Tabbed group of code blocks. Labels come from the labels prop or fall back to data-label / title / language props on children.

import { ArdoCodeGroup } from "ardo/ui"

<ArdoCodeGroup>{children}</ArdoCodeGroup>

Props

NameTypeRequiredDescription
childrenReact.ReactNodeYesCodeBlock components to display as tabs
labelsstringNoComma-separated tab labels

Props type: ArdoCodeGroupProps