Skip to content

feat: [WD-35438] Upstream OutputField component to React#1346

Open
Kxiru wants to merge 1 commit intocanonical:mainfrom
Kxiru:upstream-Output-field
Open

feat: [WD-35438] Upstream OutputField component to React#1346
Kxiru wants to merge 1 commit intocanonical:mainfrom
Kxiru:upstream-Output-field

Conversation

@Kxiru
Copy link
Copy Markdown
Contributor

@Kxiru Kxiru commented Apr 9, 2026

Done

This component provides a label for Read Only I/O where disabled input fields cannot be used for Design/UI reasons.

Example usage within LXD UI:
image

  • Upstream OutputField component to React
  • Added test

QA

Pinging @/canonical/react-library-maintainers for a review.

Storybook

To see rendered examples of all react-components, run:

yarn start

QA in your project

from react-components run:

yarn build
npm pack

Install the resulting tarball in your project with:

yarn add <path-to-tarball>

QA steps

  • Steps for QA.

Percy steps

  • Observe the OutputField component within Storybook.
  • View the different attributes and controls.

Fixes

Fixes: Lack of read only global component.

@Kxiru Kxiru self-assigned this Apr 9, 2026
@webteam-app
Copy link
Copy Markdown

@Kxiru Kxiru force-pushed the upstream-Output-field branch 3 times, most recently from 14dc83b to df00bac Compare April 10, 2026 16:24
Signed-off-by: Nkeiruka <58699506+Kxiru@users.noreply.github.com>
@Kxiru Kxiru force-pushed the upstream-Output-field branch from df00bac to fa9ccab Compare April 10, 2026 16:25
@Kxiru Kxiru marked this pull request as ready for review April 10, 2026 16:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants