@wordpress/components
Version:
UI components for WordPress.
24 lines (18 loc) • 793 B
Markdown
<div class="callout callout-alert">
This feature is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.
</div>
`ControlGroup` is a layout-based component for rendering a group of control-based components, such as `Button`, `Select` or `TextInput`. Control components that render within `ControlGroup` automatically have their borders offset and border-radii rounded.
```jsx
import { Button, ControlGroup, Select, TextInput } from `@wordpress/components/ui`
function Example() {
return (
<ControlGroup templateColumns="auto 1fr auto">
<Select />
<TextInput placeholder="First name" />
<Button variant="primary" />
</ControlGroup>
);
}
```