A disabled state/attribute for CodeSnippet

[ashleylord8]

Use this template if you want to request a new feature, or a change to an
existing feature.

If you are reporting a bug or problem, please use the bug template instead.

Summary

Please describe your request in one or two sentences:

It would be helpful to have a disabled state for CodeSnippets, in the experience of wanting to show a code snippet "placeholder" BEFORE the value within the CodeSnippet is available. This experienced is used today within Watson Assistant to show Tanya the correct flow of the form, but disable the CodeSnippet (and copy function) when the value has yet to be generated.

Clarify if you are asking for design, development, or both design and
development.

This will most likely require both development and design to understand HOW the CodeSnippet should appear disabled (and remove keyboard focus, etc.).

Justification

Provide the business reasons for this request.

We want to show a placeholder for the CodeSnippet, so that the user understands the flow of the form, but don't want the user to be confused if the CodeSnippet is enabled but does NOT have a value within it yet.

"Must have" functionality

Highlight any "must have" needs and functionality for the request.

The ask is to add another attribute called "disable" to the CodeSnippet component, which allows for it to be disabled stylistically and also not keyboard focusable when disabled.

This should not be a full list of functionality; the Carbon team will work with
you to define functionality based on the desired UX.

Specific timeline issues / requests

Do you want this work within a specific time period? Is it related to an
upcoming release?

No immediate timeline.

NB: The Carbon team will try to work with your timeline, but it's not
guaranteed. The earlier you make a request in advance of a desired delivery
date, the better!

Available extra resources

What resources do you have to assist this effort?

We created a work around for now, which change the styling for the CodeSnippet when we want it to be "disabled." However, we noticed we might need a fuller solution through Carbon since we find an accessibility issue with keyboard focus when the CodeSnippet is disabled (from our implementation).

Screenshots:

Carbon is a collaborative system. We encourage teams to build components and
submit them for integration as either add-ons or core components.