ContentCodeGroup

Code blocks in tabs. The choice is shared between the groups with the same name and remembered.

import { ContentCodeGroup } from '@zairakai/vue-components/Content'

Usage

<ContentCodeGroup />

Props

Name	Type	Default	Description
id	string
class	string
tabs	array	[]	The tabs: { id, label, code, language, title }.
modelValue	string	undefined	The active tab. Without it the first one, or what the visitor chose in the group.
group	string		Groups with the same name show the same choice (npm, yarn, pnpm...) and it is remembered.
label	string	'Code'

Events

Name	Description
update:modelValue

See Theming for the class hooks and the data-* state of the components.