This repository is deprecated. You should go to Nuuday DNA React instead. This repository was the initial effort of combining React with YouSee DNA in an intuitive and effortless way.

React component library implementing YouSee DNA. It's merely a React implementation of YouSee DNA meaning that bugs regarding styling/markup, feature requests for new components or component variants should be directed towards YouSee DNA.

Installation and use

$ yarn add @youseedk/dna-react

$ npm i @youseedk/dna-react

Example

import React from 'react'
import { Button } from '@youseedk/dna-react'

// CSS is imported separately
import '@youseedk/dna/css/icons/ys-icons.css'
import '@youseedk/dna/css/elements/ys-button.css'

const MyComponent = () => (
  <div>
    My component is good and does all the things
    <Button
      label="Scratch me, please"
      onClick={() => { alert('Thank you!') }}
      variant="cta" />
  </div>
)

export default MyComponent

All components and icons can be imported as ES6 and CommonJS modules.

Peer dependencies

Please note that react, react-dom, and react-router-dom are required peer dependencies.

Documentation

DNA React documentation (Storybook)

DNA documentation