Skip to main content

đŸŽ›ī¸ Props: UI Controls & Styling

PropTypeDefaultDescription
showToolbarbooleantrueTop toolbar ("Clear cache & re-segment")
showColorBarbooleantrueBottom brush color strip
showStatusRowbooleantrueSegmentation/loading status text
showOverlayButtonsbooleantrueBottom-left undo, bottom-right compare buttons
showDebugPickersbooleantruePhoto library debug picker (set to false in production)
disabledbooleanfalseDisable paint interaction
styleViewStyle—Outer container style
canvasStyleViewStyle—Canvas area style
undoButtonStyle / compareButtonStyleViewStyle—Overlay button styles
undoButtonTextStyle / compareButtonTextStyleTextStyle—Overlay button text styles
undoButtonTextstringUndoUndo button label
compareButtonTextstringCompareEnter compare mode label
compareExitButtonTextstringExit CompareExit compare mode label
renderUndoButton(props) => ReactNode—Custom undo button renderer
renderCompareButton(props) => ReactNode—Custom compare button renderer