wix-style-react
Version:
wix-style-react
37 lines • 1.5 kB
TypeScript
import React from 'react';
export interface SectionHeaderProps {
/**
* Title text or element.
*
* `React.ReactElement` values are not affected by `as`, `id`,
* `aria-describedby`, and `size` props or default text styling.
*/
title: React.ReactNode;
/** Suffix content. */
suffix?: React.ReactNode;
/** Applies a data-hook HTML attribute that can be used in the tests */
dataHook?: string;
/** Skin variant. */
skin?: SectionHeaderSkin;
/** Renders component as any other component or a given HTML tag. */
as?: SectionHeaderTitleAs;
/** Title text element id. */
id?: string;
/** Title text element label reference id. */
'aria-describedby'?: string;
/** Title size. */
size?: SectionHeaderTitleSize;
/** Title alignment. */
align?: SectionHeaderTitleAlignment;
/** Divider type. */
divider?: SectionHeaderDivider;
/** Horizontal padding. */
horizontalPadding?: SectionHeaderHorizontalPadding;
}
export type SectionHeaderTitleAs = 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
export type SectionHeaderSkin = 'standard' | 'neutral';
export type SectionHeaderTitleSize = 'small' | 'medium';
export type SectionHeaderTitleAlignment = 'start' | 'center';
export type SectionHeaderDivider = 'default' | 'top' | 'bottom' | 'none';
export type SectionHeaderHorizontalPadding = 'large' | 'medium' | 'small' | 'tiny' | 'xTiny' | 'xxTiny';
//# sourceMappingURL=SectionHeader.types.d.ts.map