Thanks to visit codestin.com
Credit goes to github.com

Skip to content

feat(@clayui/css): LPD-53483 Adds inline-text-input #6056

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 9 commits into
base: master
Choose a base branch
from
Draft

feat(@clayui/css): LPD-53483 Adds inline-text-input #6056

Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
ddb077c
feat(@clayui/css): LPD-53483 Adds inline-text-input
pat270 May 13, 2025
e6e165b
feat(@clayui/form): LPD-53483 Add ClayInput.InlineText
pat270 May 13, 2025
708e544
chore(@clayui/form): LPD-53483 Add storybook example of ClayInput.Inl…
pat270 May 13, 2025
648cadb
fix(@clayui/css): LPD-53483 Cadmin Form prefix variables with $cadmin-
pat270 May 16, 2025
3d893a5
fix(@clayui/form): LPD-53483 SF
pat270 May 16, 2025
15d40b1
chore(@clayui/form): LPD-53483 add Input.InlineText test
pat270 May 19, 2025
fb35ff7
chore(@clayui/form): LPD-53483 Update snapshot
pat270 May 19, 2025
29f973c
docs(clayui.com): LPD-53483 Add examples of InlineText
pat270 May 19, 2025
7c807f9
Uncontrolled only works
pat270 May 20, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
chore(@clayui/form): LPD-53483 Update snapshot
  • Loading branch information
@pat270
pat270 committed May 19, 2025
commit fb35ff7cca764a07aa89c572c6cf7bf7d4b4884c
44 changes: 44 additions & 0 deletions packages/clay-form/src/__tests__/__snapshots__/index.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,12 +39,56 @@ exports[`ClayForm Input.Group renders 1`] = `
/>
`;

exports[`ClayForm Input.GroupInsetItem renders 1`] = `
<div
className="input-group-inset-item"
/>
`;

exports[`ClayForm Input.GroupItem renders 1`] = `
<div
className="input-group-item"
/>
`;

exports[`ClayForm Input.InlineText renders 1`] = `
<div
className="form-control-fit-content inline-text-input"
>
<div
className="form-control"
>
<input
aria-hidden={true}
className="form-control form-control-hidden"
onFocus={[Function]}
readOnly={true}
type="text"
value=""
/>
<span
className="form-control-inset"
contentEditable="plaintext-only"
onBlur={[Function]}
onInput={[Function]}
role="textbox"
/>
<span
className="form-control-indicator form-control-item"
>
<svg
className="lexicon-icon lexicon-icon-pencil"
role="presentation"
>
<use
href="#pencil"
/>
</svg>
</span>
</div>
</div>
`;

exports[`ClayForm Text renders 1`] = `
<div
className="form-text"
Expand Down