Elian Doran
24 lines
810 B
TypeScript
24 lines
810 B
TypeScript
import { ComponentChildren, RefObject } from "preact";
|
|
|
|
interface FormGroupProps {
|
|
labelRef?: RefObject<HTMLLabelElement>;
|
|
label?: string;
|
|
title?: string;
|
|
className?: string;
|
|
children: ComponentChildren;
|
|
description?: string | ComponentChildren;
|
|
}
|
|
|
|
export default function FormGroup({ label, title, className, children, description, labelRef }: FormGroupProps) {
|
|
return (
|
|
<div className={`form-group ${className}`} title={title}
|
|
style={{ "margin-bottom": "15px" }}>
|
|
<label style={{ width: "100%" }} ref={labelRef}>
|
|
{label && <div style={{ "margin-bottom": "10px" }}>{label}</div> }
|
|
{children}
|
|
</label>
|
|
|
|
{description && <small className="form-text">{description}</small>}
|
|
</div>
|
|
);
|
|
} |