@stratakit/bricks
Version:
Small, modular components for StrataKit
23 lines (22 loc) • 890 B
TypeScript
import type { BaseProps } from "@stratakit/foundations/secret-internals";
interface TextProps extends BaseProps {
/**
* The typography variant to use.
*/
variant: "display-lg" | "display-md" | "display-sm" | "headline-lg" | "headline-md" | "headline-sm" | "body-lg" | "body-md" | "body-sm" | "caption-lg" | "caption-md" | "caption-sm" | "mono-sm";
}
/**
* An element with text styles applied. Useful for paragraphs, headings, and other text content.
*
* Example usage:
* ```tsx
* <Text variant="display-sm">Hello, World!</Text>
* ```
*
* Use the `render` prop to change the underlying element (defaults to a `<div>`):
* ```tsx
* <Text render={<h1 />} variant="headline-lg">Hello, World!</Text>
* ```
*/
declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<HTMLElement | HTMLDivElement>>;
export default Text;