Code block

Examples

Basic

apiVersion: helm.openshift.io/v1beta1/
kind: HelmChartRepository
metadata:
name: azure-sample-repo
spec:
connectionConfig:
url: https://raw.githubusercontent.com/Azure-Samples/helm-charts/master/docs

Expandable

apiVersion: helm.openshift.io/v1beta1/
kind: HelmChartRepository
metadata:
name: azure-sample-repo

Expandable expanded

apiVersion: helm.openshift.io/v1beta1/
kind: HelmChartRepository
metadata:
name: azure-sample-repo
spec: connectionConfig: url: https://raw.githubusercontent.com/Azure-Samples/helm-charts/master/docs

Documentation

Usage

Class
Applied to
Outcome
.pf-v6-c-code-block
<div>
Initiates the code block component. Required
.pf-v6-c-code-block__header
<div>
Initiates the code block header.
.pf-v6-c-code-block__actions
<div>
Initiates the code block actions.
.pf-v6-c-code-block__actions-item
<div>
Initiates a code block action item.
.pf-v6-c-code-block__content
<div>
Initiates the code block content. Required
.pf-v6-c-code-block__pre
<pre>
Initiates the code block <pre> element. Required
.pf-v6-c-code-block__code
<code>
Initiates the code block <code> element. Required

CSS variables

Expand or collapse columnSelectorVariableValue
.pf-v6-c-code-block--pf-v6-c-code-block--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-code-block--pf-v6-c-code-block--BorderRadius
16px
.pf-v6-c-code-block--pf-v6-c-code-block__header--BorderBlockEndWidth
1px
.pf-v6-c-code-block--pf-v6-c-code-block__header--BorderBlockEndColor
(In light theme) #c7c7c7
.pf-v6-c-code-block--pf-v6-c-code-block__header--PaddingBlockStart
0.25rem
.pf-v6-c-code-block--pf-v6-c-code-block__header--PaddingBlockEnd
0.25rem
.pf-v6-c-code-block--pf-v6-c-code-block__header--PaddingInlineEnd
0.5rem
.pf-v6-c-code-block--pf-v6-c-code-block__header--PaddingInlineStart
0.5rem
.pf-v6-c-code-block--pf-v6-c-code-block__content--PaddingBlockStart
1rem
.pf-v6-c-code-block--pf-v6-c-code-block__content--PaddingInlineEnd
1rem
.pf-v6-c-code-block--pf-v6-c-code-block__content--PaddingBlockEnd
1rem
.pf-v6-c-code-block--pf-v6-c-code-block__content--PaddingInlineStart
1rem
.pf-v6-c-code-block--pf-v6-c-code-block__pre--FontFamily
"Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace
.pf-v6-c-code-block--pf-v6-c-code-block__pre--FontSize
0.75rem