@newamerica/meta NPM

@newamerica/meta

Components for wrapping charts with New America-styled backgrounds, titles, descriptions, and sources.

Installation

npm install @newamerica/meta --save

Usage Example

import { ChartContainer, Title, Description, Source } from "@newamerica/meta";
import "@newamerica/meta/dist/styles.css";

const MyChart = () => (
  <ChartContainer>
    <Title>This is a title</Title>
    <Description>This is a description</Description>
    // your chart here
    <Source>This is a source</Source>
  </ChartContainer>
);

Components

API

ChartContainer

From ./src/ChartContainer/index.js

prop	type	default	required	description
children	`*`		:x:
className	`String`		:x:
full	`Boolean`	`false`	:x:	Wraps your children in a div with the class `dv-ChartContainer__child`
noBackground	`Boolean`	`false`	:x:	Removes the light gray background and padding from the chart container
style	`Object`		:x:

Description

From ./src/Description/index.js

prop	type	required
children	`*`	:x:
className	`String`	:x:
style	`Object`	:x:

Source

From ./src/Source/index.js

prop	type	required
children	`*`	:x:
className	`String`	:x:
style	`Object`	:x:

Title

From ./src/Title/index.js

prop	type	required
children	`*`	:x:
className	`String`	:x:
style	`Object`	:x:

@newamerica/scss prop-types

@infinitebrahmanuniverse/nolb-_new @everything-registry/sub-chunk-644 @zalastax/nolb-_new

0.0.4

5 years ago

0.0.3

5 years ago

0.0.2

5 years ago