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

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-c-code-block
<div>
Initiates the code block component. Required
.pf-c-chip-group__header
<div>
Initiates the code block header.
.pf-c-chip-group__actions
<div>
Initiates the code block actions.
.pf-c-chip-group__actions-item
<div>
Initiates a code block action item.
.pf-c-chip-group__content
<div>
Initiates the code block content. Required
.pf-c-chip-group__pre
<pre>
Initiates the code block <pre> element. Required
.pf-c-chip-group__code
<code>
Initiates the code block <code> element. Required

CSS variables


View source on GitHub