How to Use GDS Logo Component

See it in Storybook

TIP: You can change the different values of the component props under the controls tab.

Install it

npm i @nielsen-media/gds-logo

Use it

import "@nielsen-media/gds-logo/lib/src";

function App() {
  return <gds-logo></gds-logo>;
}

export default App;

Note: Example using default gds-logo inside of a Create React Application.

import "@nielsen-media/gds-logo/lib/src";

function App() {
  return (
    <gds-logo
      size="regular"
      logo="nielsen"
      icon-only="true"
      mode="light"
    ></gds-logo>
  );
}

export default App;

Note: Example using gds-logo with selected props inside of a Create React Application.

Component API

| Attribute Name | Attribute Value(s) | | -------------- | ------------------ | | size | regular, compact | | logo | nielsen, gracenote | | icon-only | true, false | | mode | light, dark |