AdditionalMenu

O Seduo.cz

Proč se vám to vyplatí?

Reference

Ceník

import React from 'react';
import { AdditionalMenu, Button } from 'seduo-ui';

const Example = (props) => (
    <div>
        <div className="sticky-top mb-5">
            <AdditionalMenu
                actionButton={<Button color="primary">Zkušební verze pro firmy zdarma</Button>}
                links={[
                    {
                        id: 'about',
                        title: 'O Seduo.cz',
                    },
                    {
                        id: 'why-is-it-worth',
                        title: 'Proč se vám to vyplatí?',
                    },
                    {
                        id: 'references',
                        title: 'Reference',
                    },
                    {
                        id: 'pricing',
                        title: 'Ceník',
                    },
                ]}
            />
        </div>
        <div
            id="about"
            className="bg-secondary d-flex align-items-center justify-content-center"
            style={{
                height: 500,
            }}
        >
            <h1>O Seduo.cz</h1>
        </div>
        <div
            id="why-is-it-worth"
            className="bg-light d-flex align-items-center justify-content-center"
            style={{
                height: 500,
            }}
        >
            <h1>Proč se vám to vyplatí?</h1>
        </div>
        <div
            id="references"
            className="bg-secondary d-flex align-items-center justify-content-center"
            style={{
                height: 500,
            }}
        >
            <h1>Reference</h1>
        </div>
        <div
            id="pricing"
            className="bg-light d-flex align-items-center justify-content-center"
            style={{
                height: 500,
            }}
        >
            <h1>Ceník</h1>
        </div>
    </div>
);

export default Example;

Properties


AdditionalMenu.propTypes = {
  actionButton?: Element<typeof Button>,
  links: [
    {|
      name: string,
      title: string,
    |},
  ],
};