Skip to content
Patternfly Logo

Code block

Info alert:Beta feature

This Beta component is currently under review, so please join in and give us your feedback on the PatternFly forum.

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

Props

CodeBlock

NameTypeRequiredDefaultDescription
actionsReact.ReactNodeNonullActions in the code block header. Should be wrapped with CodeBlockAction.
childrenReact.ReactNodeNonullContent rendered inside the code block
classNamestringNoAdditional classes passed to the code block wrapper

CodeBlockAction

NameTypeRequiredDefaultDescription
childrenReact.ReactNodeNonullContent rendered inside the code block action
classNamestringNoAdditional classes passed to the code block action

CodeBlockCode

NameTypeRequiredDefaultDescription
childrenReact.ReactNodeNonullCode rendered inside the code block

CSS variables

.pf-c-code-block--pf-c-code-block--BackgroundColor
#f0f0f0
.pf-c-code-block--pf-c-code-block__header--BorderBottomWidth
1px
.pf-c-code-block--pf-c-code-block__header--BorderBottomColor
#d2d2d2
.pf-c-code-block--pf-c-code-block__content--PaddingTop
1rem
.pf-c-code-block--pf-c-code-block__content--PaddingRight
1rem
.pf-c-code-block--pf-c-code-block__content--PaddingBottom
1rem
.pf-c-code-block--pf-c-code-block__content--PaddingLeft
1rem
.pf-c-code-block--pf-c-code-block__pre--FontFamily
'"Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace'
.pf-c-code-block--pf-c-code-block__pre--FontSize
0.875rem

View source on GitHub