Components

ContentBlock

Anything on block
import React from 'react';
import { ContentBlock } from 'seduo-ui';

const Example = () => (
    <ContentBlock>
        <div>Anything on block</div>
    </ContentBlock>
);

export default Example;

ContentBlock Properties

type Props = {|
  className: string,
  children: Node,
  shadow: boolean,
|};

ContentBlock with Shadow

Anything on block with shadow
import React from 'react';
import { ContentBlock } from 'seduo-ui';

const Example = () => (
    <ContentBlock shadow>
        <div>Anything on block with shadow</div>
    </ContentBlock>
);

export default Example;

ContentBlock with footer

Anything on block
Some footer content
import React from 'react';
import { ContentBlock } from 'seduo-ui';

const Example = () => (
    <ContentBlock footerContent={<div>Some footer content</div>}>
        <div>Anything on block</div>
    </ContentBlock>
);

export default Example;