How to convert a 'div' tag to a Box builder element

[manish-sharma]

Hello @soumya,

You can override the default Box element with your own custom component that uses a div with the nowrap: true option.

Overriding built-in components duplicating it

Hello @saura, For overriding the Box component, try using the below code const FakeBox = () => <div>Boxxx!!</div>; Builder.registerComponent(FakeBox, { name: "Core:Box", override: true, canHaveChildren: true, inputs: [ { name: 'children', type: 'uiBlocks', defaultValue: [], // showNoBlocks: false hideFromUI: true, }, { name: 'verticalAlignContent', type: 'string', enum: ['top', 'bottom', 'middle'], defaultValue: 'top', …

Overriding Built-in Components - Builder.io

Options for registering custom components - Builder.io