Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 | 1x 1x | // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
import React from 'react';
import ButtonIcon from '../../button-icons/';
import { StandardIcon } from '../../icons/standard/example';
import { UtilityIcon } from '../../icons/base/example';
export const ObjectHomeDeprecated = () => (
<div className="slds-page-header slds-page-header_object-home">
<div className="slds-grid">
<div className="slds-col slds-has-flexi-truncate">
<div className="slds-media slds-no-space slds-grow">
<div className="slds-media__figure">
<StandardIcon symbol="opportunity" assistiveText={false} />
</div>
<div className="slds-media__body">
<nav>
<ol className="slds-breadcrumb slds-line-height_reset">
<li className="slds-breadcrumb__item">
<span>Opportunities</span>
</li>
</ol>
</nav>
<h1 className="slds-page-header__title slds-p-right_x-small">
<button
className="slds-button slds-button_reset slds-type-focus slds-truncate"
aria-haspopup="true"
title=""
>
<span className="slds-grid slds-has-flexi-truncate slds-grid_vertical-align-center">
<span className="slds-truncate" title="Recently Viewed">
Recently Viewed
</span>
<UtilityIcon
className="slds-icon--x-small slds-m-left_xx-small"
symbol="down"
/>
</span>
</button>
</h1>
</div>
</div>
</div>
<div className="slds-col slds-no-flex slds-grid slds-align-top slds-p-bottom_xx-small">
<div className="slds-button-group" role="group">
<button className="slds-button slds-button_neutral">New</button>
<div className="slds-button_last">
<ButtonIcon
className="slds-button_icon-border-filled"
symbol="down"
aria-haspopup="true"
assistiveText="More Actions"
title="More Actions"
/>
</div>
</div>
</div>
</div>
<div className="slds-grid">
<div className="slds-col slds-align-middle">
<p className="slds-text-body_small">
10 items • Updated 13 minutes ago
</p>
</div>
<div className="slds-col slds-no-flex slds-grid slds-align-bottom">
<div className="slds-dropdown-trigger slds-dropdown-trigger_click slds-m-left_x-small">
<ButtonIcon
className="slds-button_icon-more"
symbol="settings"
hasDropdown
assistiveText="List View Controls"
title="List View Controls"
/>
</div>
<div className="slds-dropdown-trigger slds-dropdown-trigger_click slds-m-left_xx-small">
<ButtonIcon
className="slds-button_icon-more"
symbol="table"
hasDropdown
assistiveText="Change view"
title="Change view"
/>
</div>
<ButtonIcon
className="slds-m-left_xx-small slds-button_icon-border-filled"
symbol="edit"
assistiveText="Edit List"
title="Edit List"
/>
<ButtonIcon
className="slds-m-left_xx-small slds-button_icon-border-filled"
symbol="refresh"
assistiveText="Refresh"
title="Refresh"
/>
<div className="slds-button-group" role="group">
<ButtonIcon
className="slds-button_icon-border-filled"
symbol="chart"
assistiveText="Charts"
title="Charts"
/>
<ButtonIcon
className="slds-button_icon-border-filled"
symbol="filterList"
assistiveText="Filters"
title="Filters"
/>
</div>
</div>
</div>
</div>
);
|