Red Hat design system

Overview

A code block is formatted text within a container.

Image of a code block with black code text within a light gray container

Sample element

Demos

View a live version of this element to see how it can be customized.

<rh-code-block>
  <script type="text/text">Error: Error creating network Load Balancer: AccessDenied: User:
arn:aws:sts::970xxxxxxxxx:assumed-role/ManagedOpenShift-Installer-Role/163xxxxxxxxxxxxxxxx is
not authorized to perform: iam:CreateServiceLinkedRole on resource:
arn:aws:iam::970xxxxxxxxx:role/aws-service-role/elasticloadbalancing.amazonaws.com/
AWSServiceRoleForElasticLoadBalancing</script>
</rh-code-block>

<script type="module">
  import '@rhds/elements/rh-code-block/rh-code-block.js';
</script>