Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

@sis-cc/dotstatsuite-ui-header

2.1.2 • Public • Published

sis-header

A header view component for Table and Charts.

setup

  • install: npm i sis-header (with the nexus configuration)
  • live: ./node_modules/web-component-env/wce start

usage

You can pass other components as children to be rendered inside this component

import Header from 'sis-header';
import Share from 'oecd-share';
 
<div>
  <Header
    subtitle={subtitle}
    title={title}
    toggleInfoRequest={null}
    uprs={uprs}
  >
    <Share {...shareData} />
  </Header>
</div>

api

title <string>

'Key Short-Term Economic Indicators'

subtitle <string>

'Measure: Growth previous period - Frequency: Annual - Time: 2015'

uprs <object> subset of data attributes

{
  U: {
    "id": "UNIT",
    "name": "Unit",
    "values": [
      {
        "id": "PC",
        "name": "Percentage"
      }
    ],
    role""UNIT_MEASURE"
  },
  P: { ... },
  R: { ... }
}

note: if any of this attributes has more than one value, only the first one will be considered

toggleInfoRequest <function>

Optional parameter, if present, component will render an information icon next to the title, who will call this function on click.

Keywords

none

Install

npm i @sis-cc/dotstatsuite-ui-header

DownloadsWeekly Downloads

161

Version

2.1.2

License

MIT

Unpacked Size

580 kB

Total Files

39

Last publish

Collaborators

  • avatar
  • avatar
  • avatar
  • avatar