block-editor control編集時にエラーや通知

August 12, 2023

Table of Contents

<RangeControl
    __nextHasNoMarginBottom
    label={ __( 'Columns' ) }
    value={ displayLayout.columns }
    onChange={ ( value ) =>
        setDisplayLayout( { columns: value } )
    }
    min={ 2 }
    max={ Math.max( 6, displayLayout.columns ) }
/>
{ displayLayout.columns > 6 && (
    <Notice
        status="warning"
        isDismissible={ false }
    >
        { __(
            'This column count exceeds the recommended amount and may cause visual breakage.'
        ) }
    </Notice>
) }