Skip to content
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

Component System: Add FormGroup + ControlLabel components #28568

Merged
merged 19 commits into from
Feb 12, 2021
Merged

Component System: Add FormGroup + ControlLabel components #28568

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
3992706
Add preferredId argument for useInstanceId hook
Jan 28, 2021
ccc520d
Add ControlLabel component
Jan 28, 2021
b744147
Add FormGroup component
Jan 28, 2021
01f236d
Refactor use-control-label with local useText
Jan 28, 2021
93d9a4d
Update snapshots
Jan 28, 2021
4eb74b6
Add exports for ControlLabel and FormGroup
Jan 28, 2021
feab82d
Attempt to add TS support for ControlLabel and FormGroup
Jan 29, 2021
53a44d7
Remove FormGroup and ControlLabel from tsconfig
Feb 1, 2021
13a63c1
Update types for FormGroup components
Feb 1, 2021
628d833
Add comment for disabling eslint in form-group test
Feb 4, 2021
88eda7e
Move component files to ui/
Feb 4, 2021
d4e02e0
Fix types
Feb 4, 2021
968941f
Use internal VStack
sarayourfriend Feb 9, 2021
434b0c7
Update import path for tests
Feb 9, 2021
9876211
Update snapshots
Feb 9, 2021
aa5d98a
Fix imports in stories
Feb 9, 2021
5539a62
Merge branch 'master' into add/form-group-component
Feb 11, 2021
f6a3221
Improve Text (muted) variant contrast ratio (updating to the latest 0…
Feb 11, 2021
cae8a6d
Fix ui.get() use for flex/hstack variables
Feb 11, 2021
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
272 changes: 137 additions & 135 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

10 changes: 5 additions & 5 deletions packages/components/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,10 +45,10 @@
"@wordpress/primitives": "file:../primitives",
"@wordpress/rich-text": "file:../rich-text",
"@wordpress/warning": "file:../warning",
"@wp-g2/components": "^0.0.150",
"@wp-g2/context": "^0.0.150",
"@wp-g2/styles": "^0.0.150",
"@wp-g2/utils": "^0.0.150",
"@wp-g2/components": "^0.0.152",
"@wp-g2/context": "^0.0.152",
"@wp-g2/styles": "^0.0.152",
"@wp-g2/utils": "^0.0.152",
"classnames": "^2.2.5",
"dom-scroll-into-view": "^1.2.1",
"downshift": "^6.0.15",
Expand All @@ -70,4 +70,4 @@
"publishConfig": {
"access": "public"
}
}
}
22 changes: 22 additions & 0 deletions packages/components/src/ui/control-label/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
# ControlLabel

`ControlLabel` is a form component that works with `FormGroup` to provide a label for form elements (e.g. `Switch` or `TextInput`).

## Usage

```jsx
import {
__experimentalControlLabel as ControlLabel,
__experimentalFormGroup as FormGroup,
__experimentalTextInput as TextInput,
} from '@wordpress/components';

function Example() {
return (
<FormGroup>
<ControlLabel>First Name</ControlLabel>
<TextInput />
</FormGroup>
);
}
```
Loading