diff --git a/src/common/components/front-components/radiobutton-shape.tsx b/src/common/components/front-components/radiobutton-shape.tsx index 0862865e..2fd1d4b5 100644 --- a/src/common/components/front-components/radiobutton-shape.tsx +++ b/src/common/components/front-components/radiobutton-shape.tsx @@ -14,7 +14,7 @@ const radioButtonShapeRestrictions: ShapeSizeRestrictions = { }; export const RadioButtonShape = forwardRef( - ({ x, y, width, height, id, onSelected, ...shapeProps }, ref) => { + ({ x, y, width, height, id, onSelected, text, ...shapeProps }, ref) => { const { width: restrictedWidth, height: restrictedHeight } = fitSizeToShapeSizeRestrictions( radioButtonShapeRestrictions, @@ -62,7 +62,7 @@ export const RadioButtonShape = forwardRef( { case 'button': case 'textarea': case 'accordion': + case 'radiobutton': return true; default: return false; @@ -147,6 +148,8 @@ const generateDefaultTextValue = (shapeType: ShapeType): string | undefined => { return 'Select an option'; case 'button': return 'Click Me!'; + case 'radiobutton': + return 'Select me!'; case 'textarea': return 'Your text here...'; case 'accordion': diff --git a/src/pods/canvas/shape-renderer/simple-component/radiobutton.renderer.tsx b/src/pods/canvas/shape-renderer/simple-component/radiobutton.renderer.tsx index c85d32d3..b30966c8 100644 --- a/src/pods/canvas/shape-renderer/simple-component/radiobutton.renderer.tsx +++ b/src/pods/canvas/shape-renderer/simple-component/radiobutton.renderer.tsx @@ -24,6 +24,8 @@ export const renderRadioButton = ( onDragEnd={handleDragEnd(shape.id)} onTransform={handleTransform} onTransformEnd={handleTransform} + isEditable={shape.allowsInlineEdition} + text={shape.text} /> ); };