React

Inline edit

IntroductionExamplesProps

Introduction

Note: Inline Edit lives in its own package at @patternfly/react-inline-edit-extension!

This package is currently an extension. Extension components do not undergo the same rigorous design or coding review process as core PatternFly components. If enough members of the community find them useful, we will work to move them into our core PatternFly system by starting the design process for the idea.

Examples

Editable

RepositoriesBranchesPull requestsWorkspacesLast CommitPrivate
onemaster7Greenfive
v1.0.00Grey
pv0.7.00Orange

With inline edit columns

RepositoriesBranchesPull requestsWorkspacesLast Commit
onetwo7fourfive
atwo0fourfive
ptwo0fourfive
atwo5fourfive

With collapsible rows

RepositoriesBranchesPull requestsWorkspacesLast Commit
onemaster7Greyfive
unov2.3.0125Orangecinco
master0Blue
security, network

Props

TableTextInput properties
NameTypeRequiredDefaultDescription
defaultValuestringnull
onBlurfuncnull
autoFocusboolfalse