@propellerads/header
5.0.0 • Public • Published
NPM |
Github
-
yarn add @propellerads/header
or npm install @propellerads/header -S
import Header from '@propellerads/header';
- And render
<Header
theme={themes[theme]}
logo={logo}
sidebarButton={SidebarButton}
>
<Header.HeaderBalance
balance={123456789.99}
dailyEarned={newDailyEarned}
/>
<Header.HeaderItem
onClick={() => alert('Single notification has been shown')}
component={customComponent}
/>
<Header.HeaderDivider />
<Header.HeaderItem icon={<Case size={SIZE.MEDIUM_SMALL} color={COLOR.GRAY}/>}>
<Header.HeaderDropdown>
{customDropDownContent}
</Header.HeaderDropdown>
</Header.HeaderItem>
<Header.HeaderDivider />
<Header.HeaderItem
isRightDropdown
title="Some text"
icon={<User size={SIZE.MEDIUM_SMALL} color={COLOR.GRAY}/>}
>
<Header.HeaderDropdown>
<Header.HeaderDropdownList items={userMenu} />
</Header.HeaderDropdown>
</Header.HeaderItem>
</Header>
Readme
Keywords
nonePackage Sidebar
Install
npm i @propellerads/header
Weekly Downloads