Type Alias ExpandModeUnreviewed

Type Declaration

• { expandable?: never; expandableInert?: never; collapsible?: never }
• { expandable: boolean; expandableInert?: boolean; collapsible?: boolean }

  • Unreviewedexpandable: boolean

    Show a fade and expansion control when truncated text overflows. Select the control or focus it and press Enter or Space to reveal all content. Expansion is one-way: the control hides once expanded. Add collapsible to allow refolding. Requires truncate; disables the automatic tooltip. The control comes first in Tab order. By default, folded text stays selectable and its links remain focusable and clickable. Single-line text fades at the inline end with an inline-end target; multiline text fades over its last line with a full-width target. Folded content clips without scrolling or extra padding, and expansion preserves its width.

  • Optional UnreviewedexpandableInert?: boolean

    Make the entire folded, overflowing preview an expand target. JSX applies inert to its content, blocking focus, clicks, and text selection and removing it from the accessibility tree until expanded. Fitting text stays interactive, as does server-rendered content before browser measurement. Requires expandable.

  • Optional Unreviewedcollapsible?: boolean

    Allow refolding after expansion. The control stays visible, rotates its chevron, and switches between "Show more" and "Show less". Requires expandable. The expanded collapse target spans the full width over 16px of bottom padding; removing that padding with custom CSS allows it to overlap content.