Form Group

For group form fields or information.

Install

import {FormGroup} from '@xsolla/uikit';

Examples

Primary
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, pariatur?
Primary with action
Action button
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, pariatur?
Secondary with border & tooltip
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda at atque, culpa laboriosam numquam voluptas!
Secondary with tooltip
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda at atque, culpa laboriosam numquam voluptas!

Usage

<FormGroup label="Basic">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, pariatur?
</FormGroup>

API

PropertyDescriptionTypeDefault
childrencontent for form-groupReact.Node
directiondirection for labelcolumn, rowcolumn
indentationbottom indentationxs, sm, md, lg, xlg, xxlgmd
borderbottom border. You can specify spacing between content and border by using xs, sm, md or lg instead of boolean values. true is alias for mdbool or stringfalse
labellabel for form-groupReact.Nodenull
captionbottom caption for form-groupReact.Nodenull
actionaction for form-groupReact.Nodenull
tooltiptooltip label for form-groupReact.Nodenull