summit-kit
Version:
A React component library for building modern web applications with with an earthy and outdoorsy flair.
37 lines (36 loc) • 1.91 kB
TypeScript
import { StandardProps } from '../Types/general.ts';
/**
* Renders an article element with the "reading" class.
*
* @param props - Standard React props including children to be rendered inside the article.
* @returns A React element wrapping the children in an article with the appropriate class.
*/
export declare const Reading: (props: StandardProps) => import("react/jsx-runtime").JSX.Element;
/**
* Renders a semantic HTML `<section>` element with a predefined CSS class.
*
* @param props - Standard React props, including children to be rendered inside the section.
* @returns The section element containing the provided children.
*/
export declare const Section: (props: StandardProps) => import("react/jsx-runtime").JSX.Element;
type FlexProps = {
direction?: "row" | "column";
justify?: "center" | "space-between" | "space-around" | "flex-start" | "flex-end";
align?: "center" | "flex-start" | "flex-end" | "baseline" | "stretch";
wrap?: "wrap" | "nowrap";
};
/**
* A flexible container component that renders a `<div>` with configurable flexbox properties.
*
* @param props - The properties for the Flex component.
* @param props.direction - The flex direction (`row`, `column`, etc.). Defaults to `"row"`.
* @param props.justify - The `justify-content` CSS property. Defaults to `"flex-start"`.
* @param props.align - The `align-items` CSS property. Defaults to `"flex-start"`.
* @param props.wrap - The `flex-wrap` CSS property. Defaults to `"nowrap"`.
* @param props.classes - Additional CSS class names to apply to the container.
* @param props.style - Additional inline styles to apply to the container.
* @param props.children - The content to be rendered inside the flex container.
* @returns A `<div>` element styled as a flex container.
*/
export declare const Flex: (props: StandardProps & FlexProps) => import("react/jsx-runtime").JSX.Element;
export {};