React Bullet - margin

Generates space around the widget.

Type:

Object

WidgetMargin DevExtreme ChartJS

App.js
  • import React from 'react';
  •  
  • import 'devextreme/dist/css/dx.common.css';
  • import 'devextreme/dist/css/dx.light.css';
  •  
  • import Bullet, {
  • Margin
  • } from 'devextreme-react/bullet';
  •  
  • class App extends React.Component {
  • render() {
  • return (
  • <Bullet ... >
  • <Margin
  • top={20}
  • bottom={20}
  • left={30}
  • right={30}
  • />
  • </Bullet>
  • );
  • }
  • }
  • export default App;

bottom

Specifies the bottom margin of the widget in pixels.

Type:

Number

Default Value: 0

left

Specifies the left margin of the widget in pixels.

Type:

Number

Default Value: 0

right

Specifies the right margin of the widget in pixels.

Type:

Number

Default Value: 0

top

Specifies the top margin of the widget in pixels.

Type:

Number

Default Value: 0