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. For a full list of them, see the items option description in a specific widget's API Reference.

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