import React from
'react'
import
'@blueprintjs/core/lib/css/blueprint.css'
;
import { Breadcrumbs as OverflowList } from
"@blueprintjs/core"
;
function
App() {
const sampleItems = [
{ href:
"/document"
, icon:
"folder-close"
, text:
"Document"
},
{ href:
"/document/profile"
, icon:
"user"
, text:
"Profile"
},
{ icon:
"document"
, text:
"Username1.jpg"
},
{ icon:
"document"
, text:
"Username2.jpg"
},
{ icon:
"document"
, text:
"Username3.jpg"
},
{ icon:
"document"
, text:
"Username4.jpg"
},
{ icon:
"document"
, text:
"Username5.jpg"
},
];
return
(
<div style={{
display:
'block'
, width: 400, padding: 30
}}>
<h4>ReactJS Blueprint OverflowList Component</h4>
<OverflowList
items={sampleItems}
overflowListProps={
false
}
/>
</div >
);
}
export
default
App;