28 lines
707 B
TypeScript
28 lines
707 B
TypeScript
import React, { HTMLProps, ReactNode } from "react";
|
|
import { Title } from "@patternfly/react-core";
|
|
|
|
import "./form-panel.css";
|
|
|
|
type ScrollPanelProps = HTMLProps<HTMLFormElement> & {
|
|
title: string;
|
|
scrollId: string;
|
|
children: ReactNode;
|
|
};
|
|
|
|
export const ScrollPanel = (props: ScrollPanelProps) => {
|
|
const { title, children, scrollId, ...rest } = props;
|
|
return (
|
|
<section {...rest} className="kc-form-panel__panel">
|
|
<Title
|
|
headingLevel="h4"
|
|
size="xl"
|
|
className="kc-form-panel__title"
|
|
id={scrollId}
|
|
tabIndex={0} // so that jumpLink sends focus to the section for a11y
|
|
>
|
|
{title}
|
|
</Title>
|
|
{children}
|
|
</section>
|
|
);
|
|
};
|