import React from 'react';
import {
Container,
Row,
Col,
Card,
CardTitle,
CardBody,
Button,
InputGroup,
InputGroupAddon,
CustomInput,
Form,
FormGroup,
Label,
UncontrolledButtonDropdown,
DropdownMenu,
DropdownToggle,
DropdownItem,
Input
} from './../../../components';
import { HeaderMain } from "../../components/HeaderMain";
import { HeaderDemo } from "../../components/HeaderDemo";
const InputGroups = () => (
{ /* START Header 1 */}
Easily extend form controls by adding text, buttons,
or button groups on either side of textual inputs, custom selects, and custom file inputs.
)}
/>
{ /* END Header 1 */}
{ /* START Section 1 */}
Input Groups: Text
#1.01
{ /* START Form */}
{ /* END Form */}
Input Groups: Icons
#1.02
{ /* START Form */}
{ /* END Form */}
Input Groups: Icons
#1.03
{ /* START Form */}
{ /* END Form */}
Input Groups: Multiple
#1.04
{ /* START Form */}
{ /* END Form */}
{ /* END Section 1 */}
{ /* START Header 2 */}
Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.
)}
/>
{ /* END Header 2 */}
{ /* START Section 2 */}
Input Groups: Buttons
#2.01
{ /* START Form */}
{ /* END Form */}
Input Groups: Buttons Dropdowns
#2.02
{ /* START Form */}
{ /* END Form */}
Input Groups: Segmented
#2.03
{ /* START Form */}
{ /* END Form */}
{ /* END Section 2 */}
{ /* START Header 3 */}
Easily extend form controls by adding text, buttons,
or button groups on either side of textual inputs, custom selects, and custom file inputs.
)}
/>
{ /* END Header 3 */}
{ /* START Section 3 */}
Input Groups: Sizes
#3.01
{ /* START Form */}
{ /* END Form */}
Input Groups: Checkboxes and Radios
#3.02
{ /* START Form */}
{ /* END Form */}
Input Groups: Custom Selects
#3.03
{ /* START Form */}
{ /* END Form */}
Input Groups: Custom File Inputs
#3.03
{ /* START Form */}
{ /* END Form */}
{ /* END Section 3 */}
);
export default InputGroups;