Resource name button - View or edit the resource name in the creation form

[simrandhaliw]

Is this a new component or an extension of an existing one? We already use the 'Resource name' link button in some areas of the UI (e.g., in the project creation modal). However, we want to change how this button is presented and develop a consistent pattern that can be applied wherever it is relevant.

Describe the feature

• This is a button to help users to view or edit the resource name of an object in a creation form.
• The resource name will capture the name to generate a value by default and the resource name will be displayed in the help text under the ‘Name’ field.
• If users need to edit the resource name by themselves, they can click the ‘Edit resource name’ button to edit it.
• The resource name is not editable after the creation.

Are there visuals for this feature? If applicable, please include examples for each state and for varying widths Here is the link to the guideline document that describes this pattern and provides examples.

Any other information? For any UX queries regarding this pattern, please contact Kun (Xiankun Li) and Sim Dhaliwal.

[adamviktora]

It looks like this component was already created in the odh-dashboard repository and is reusable. https://github.com/opendatahub-io/odh-dashboard/blob/main/frontend/src/concepts/k8s/K8sNameDescriptionField/K8sNameDescriptionField.tsx