Skip to main content

Overview

The Form component provides a Bootstrap-based container for building forms with BSUI form controls.

It can be combined with Form.Label, Form.Control, Form.Check, Form.Text, and other form components to create structured and accessible forms.

Import​

import { Form } from "@promethey/bsui";

Note

Form inherits all utility props supported by the Prime component, including spacing, typography, colors, borders, sizing, positioning, and other Bootstrap utility APIs.

Basic usage​

A basic form can combine labels, controls, validation or help text, checkboxes, and buttons.

Use Prime utility props to control spacing between form elements without introducing additional CSS.

Form text​

Form.Text displays additional information or guidance associated with a form control.

Use the id of Form.Text together with aria-describedby on the corresponding control to make the help text available to assistive technologies.