React Markup Components Item

Specifies markup for a widget item.

Type:

Object

The dxItem component defines custom markup for items in layout and collection widgets. dxItem has different options depending on the widget where it is used. See the Default Item Template section in a specific widget's API Reference for a full list of them.

DxComponent.js
  • import React from 'react';
  • import List, { Item } from 'devextreme-react/list';
  •  
  • class DxComponent extends React.Component {
  • render() {
  • return (
  • <List>
  • <Item text="Apples" disabled={true} />
  • <Item text="Oranges" visible={false} />
  • <Item>
  • <!-- custom markup -->
  • </Item>
  • </List>
  • );
  • }
  • }
  • export default DxComponent;
NOTE
dxItem elements are ignored when the dataSource option is defined.