Interface OtherProps

interface OtherProps {
    apply?: ResponsiveValue<string>;
    layerStyle?: ResponsiveValue<string>;
    srOnly?: true | "focusable";
    textStyle?: ResponsiveValue<string>;
}

Hierarchy (view full)

Properties

apply? layerStyle? srOnly? textStyle?

Properties

Optional apply

apply?: ResponsiveValue<string>

Apply theme-aware style objects in theme

Example

<Box apply="styles.h3">This is a div</Box>

This will apply styles defined in theme.styles.h3

Optional layerStyle

layerStyle?: ResponsiveValue<string>

The layer style object to apply. Note: Styles must be located in theme.layerStyles

Optional srOnly

srOnly?: true | "focusable"

If true, hide an element visually without hiding it from screen readers.

If focusable, the sr-only styles will be undone, making the element visible to sighted users as well as screen readers.

Optional textStyle

textStyle?: ResponsiveValue<string>

The text style object to apply. Note: Styles must be located in theme.textStyles

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc