@eureca/eureca-ui/src/components/Header/stories/header.stories.js

UI component library of Eureca's user and admin apps

import React from 'react';

import { withKnobs, text } from '@storybook/addon-knobs';

import { Header } from '..';

export default { title: 'Originals/Header', decorators: [withKnobs], includeStories: [] };

export function HeaderStory() {
  const rightSideText = text('Right side text', 'Salvo automaticamente às 14:03 de 19/08/2019');
  const anotherBreadCrumb = text('Breadcrumb example');
  return (
    <Header
      breadcrumbs={[
        { href: '/oportunidades', label: 'Oportunidades' },
        { href: '/oportunidades', label: 'Estágio Globo.com 2019' },
        { href: '/example', label: anotherBreadCrumb },
      ]}
      rightSide={rightSideText}
    />
  );
}