wix-style-react/src/Breadcrumbs/docs/examples/BreadcrumbsEllipsis.js

wix-style-react

/* eslint-disable */
import React from 'react';
import { Breadcrumbs, Layout, Cell } from 'wix-style-react';

class BreadcrumbsEllipsis extends React.Component {
  render() {
    const items = [
      { id: 1, value: 'short text' },
      { id: 2, value: 'long text that is going to be cut off at some point' },
      { id: 3, value: 'short text' },
    ];

    return (
      <Layout>
        <Cell>
          <Breadcrumbs itemMaxWidth="100px" items={items} />
        </Cell>
        <Cell>
          <Breadcrumbs items={items} />
        </Cell>
        <Cell>
          <Breadcrumbs itemMaxWidth="max-content" items={items} />
        </Cell>
      </Layout>
    );
  }
}

export default BreadcrumbsEllipsis;