index.js


import * as React from 'react';  

var ReactDOM = require('react-dom');

import { Label } from 'office-ui-fabric-react/lib/Label';
import { Button } from 'office-ui-fabric-react/lib/Button';
import { DefaultButton } from 'office-ui-fabric-react/lib/Button';
import { PrimaryButton } from 'office-ui-fabric-react/lib/Button';
import { CompoundButton } from 'office-ui-fabric-react/lib/Button';
import { Checkbox} from 'office-ui-fabric-react/lib/Checkbox';
import { ChoiceGroup} from 'office-ui-fabric-react/lib/ChoiceGroup';

import { BETButtonCancel } from './components/BET_Button_Cancel';
import { BETButtonPrimary } from './components/BET_Button_Primary';
import { BETButtonCompound } from './components/BET_Button_Compound';
import { CheckboxBasicExample } from './components/BET_Checkbox';
import { ChoiceGroupBasicExample } from './components/BET_ChoiceGroup';
import { DropdownBasicExample } from './components/BET_Dropdown';
import { ComboBoxBasicExample } from './components/BET_ComboBox';
import { DatePickerBasicExample } from './components/BET_DatePicker';
import { DetailsListDocumentsExample } from './components/BET_DetailsList';
import { CalloutBasicExample } from './components/BET_Callout';
import { PivotFabricExample } from './components/BET_Pivot';


ReactDOM.render(
  <h1>Barclays</h1>,
  document.getElementById('react-example')
);

ReactDOM.render(
  <BETButtonCancel onClick={() => alert("button")}/>,
  document.getElementById('fabric-bet-button-cancel')
);


ReactDOM.render(
   <BETButtonCompound text={'* Button Compound'}>some text</BETButtonCompound>,
  document.getElementById('fabric-bet-button-compound')
)


/*

ReactDOM.render(
   <DropdownBasicExample/>,
  document.getElementById('fabric-bet-dropdown-example')
);


ReactDOM.render(
  <PivotFabricExample/>,
  document.getElementById('fabric-pivot')
);



ReactDOM.render(
   <BETButtonCompound text={'* Button Compound'}>some text</BETButtonCompound>,
  document.getElementById('fabric-bet-button-compound')
);


ReactDOM.render(
  <CalloutBasicExample/>,
  document.getElementById('fabric-callout')
);

ReactDOM.render(
  <BETButtonPrimary text={'* Button Primary'}/>,
  document.getElementById('fabric-bet-button-primary')
);


ReactDOM.render(
<Label>This is some label text</Label>,
  document.getElementById('fabric-label')
);

var MyLink = React.createElement('a', {href: '/somewhere'}, 'text link')
ReactDOM.render(MyLink, document.getElementById('fabric-link') );

ReactDOM.render(
   <Checkbox label={'Checkbox'}/>,
  document.getElementById('fabric-checkbox')
);

ReactDOM.render(
   <CheckboxBasicExample ischecked={false}/>,
  document.getElementById('fabric-bet-checkbox-example')
);

ReactDOM.render(
   <ChoiceGroupBasicExample/>,
  document.getElementById('fabric-bet-choicegroup-example')
);

ReactDOM.render(
   <ComboBoxBasicExample/>,
  document.getElementById('fabric-bet-combobox-example')
);


ReactDOM.render(
   <DatePickerBasicExample/>,
  document.getElementById('fabric-bet-datepicker-example')
);

ReactDOM.render(
   <DetailsListDocumentsExample/>,
  document.getElementById('fabric-bet-detailslist-example')
);


ReactDOM.render(
  <Button onClick={() => alert("button")}>Button</Button>,
  document.getElementById('fabric-button')
);

ReactDOM.render(
  <DefaultButton onClick={() => alert("default-button")}>Default Button</DefaultButton>,
  document.getElementById('fabric-button-default')
);

ReactDOM.render(
 <PrimaryButton onClick={() => alert("primary-button")}>Primary Button</PrimaryButton>,
  document.getElementById('fabric-button-primary')
);

ReactDOM.render(
  <CompoundButton onClick={() => alert("compound-button")}>Compound Button</CompoundButton>,
  document.getElementById('fabric-button-compound')
);

*/


© 2019 Better Solutions Limited. All Rights Reserved. © 2019 Better Solutions Limited TopPrev