Layout

Child Form

A child form associates a subset of options or content to its parent option.
View source
Parent
Child
1
import {ChildForm} from '@coveord/plasma-react';
2


3
export default () => (
4
    <>
5
        Parent
6
        <ChildForm>Child</ChildForm>
7
    </>
8
);

Props

This component has no props.

Examples

Vertical
Parent
Child
1
import {ChildForm} from '@coveord/plasma-react';
2


3
export default () => (
4
    <div className="inline-flex center-align">
5
        Parent
6
        <ChildForm className="vertical">Child</ChildForm>
7
    </div>
8
);

Guidelines

Display only one Child Form at a time in a given option set. If the user navigates between options within the set, keep track of their previously selected Child Form values, so that they can retrieve those values when reactivating the corresponding parent options. The unselected Child Form contents can be cleared once the form is saved.

Related Components

Edit guidelines