React Markup Components Item

Specifies markup for a UI component item.

import { UiWidgetTypes } from "devextreme-react/ui.widget"
Type: UiWidgetTypes.dxItem

The dxItem component defines custom markup for items in layout and collection UI components. dxItem has different properties depending on the UI component where it is used. For a full list of them, see the items property description in a specific UI component'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 property is defined.