@intility/bifrost-react/dist/components/Section/index.js

React library for Intility's design system, Bifrost.

import Section from "./Section.js";
import SectionHeader from "./Section.Header.js";
import SectionContent from "./Section.Content.js";

/**
 * Section wrapper, for stying a box with header and content
 *
 * @see https://bifrost.intility.com/react/section
 *
 * @example
 * <Section>
 *   <Section.Header>Section header</Section.Header>
 *   <Section.Content>Section content</Section.Content>
 * </Section>
 *
 * @example
 * // clickable header
 * <Section>
 *   <a href="#" className="bf-neutral-link">
 *     <Section.Header arrow>
 *       <span className="bf-neutral-link-text">Header-only link</span>
 *     </Section.Header>
 *   </a>
 *   <Section.Content>Section content</Section.Content>
 * </Section>
 */
export default Object.assign(Section, {
  /** Header part of a `<Section>` */
  Header: SectionHeader,
  /** Content part of a `<Section>` */
  Content: SectionContent
});