2.2.18 • Published 1 year ago

oute-ds-bread-crumbs v2.2.18

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago

oute-ds-bread-crumbs

This component is used to render breadcrumbs.

Usage

import BreadCrumbs from 'oute-ds-bread-crumbs';

<BreadCrumbs
  containerStyles={{
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    height: 100,
    width: 500,
  }}
  items={[
    {
      title: 'digihealth',
      disabled: false,
      style: {width: '7rem', fontWeight: 400},
      leftIcon: {image: 'https://picsum.photos/200'},
    },
    {
      title: 'digihealth 1',
      disabled: false,
      icon: () => (
        <Icon IconName="Folder" iconProps={{size: 24}} variant="ORANGE" />
      ),
    },
    {
      title: 'digihealth 2',
      disabled: false,
      icon: () => (
        <Icon IconName="Folder" iconProps={{size: 24}} variant="ORANGE" />
      ),
    },
    {
      title: 'digihealth 3',
      disabled: false,
      icon: () => (
        <Icon IconName="Folder" iconProps={{size: 24}} variant="ORANGE" />
      ),
    },
    {
      title: 'Pan Forms',
      leftIcon: {name: 'FlashOffFilled'},
      rightIcon: {name: 'ChevronDown'},
      style: {width: '9.1rem', fontWeight: 400},
      subOptions: [
        {
          title: 'Version',
          disabled: false,
          icon: () => <Icon IconName="Cloud" iconProps={{size: 24}} />,
        },
        {
          title: 'Rename',
          disabled: false,
          icon: () => <Icon IconName="Pen" iconProps={{size: 24}} />,
        },
        {
          title: 'Duplicate',
          disabled: false,
          icon: () => <Icon IconName="Copy" iconProps={{size: 24}} />,
        },
      ],
    },
  ]}
/>

Detailed examples: [here](https://design.gofo.app/?path=/story/packages-breadcrumbs--primary)
2.2.17

1 year ago

2.2.18

1 year ago

2.2.15

1 year ago

2.2.16

1 year ago

2.2.14

1 year ago

2.2.13

2 years ago

2.2.12

2 years ago

2.2.10

2 years ago

2.2.9

2 years ago

2.2.1

2 years ago

2.2.3

2 years ago

2.2.5

2 years ago

2.2.4

2 years ago

2.2.7

2 years ago

2.2.6

2 years ago

2.1.9

2 years ago

2.1.14

2 years ago

2.1.15

2 years ago

2.1.12

2 years ago

2.1.13

2 years ago

2.1.10

2 years ago

2.1.11

2 years ago

2.1.2

2 years ago

2.1.1

2 years ago

2.1.4

2 years ago

2.1.3

2 years ago

2.1.6

2 years ago

2.1.5

2 years ago

2.1.8

2 years ago

2.1.7

2 years ago

2.2.8

2 years ago

0.0.245

2 years ago

0.0.244

2 years ago

0.0.243

2 years ago

0.0.241

2 years ago

0.0.240

2 years ago

0.0.239

2 years ago

0.0.238

2 years ago

0.0.237

2 years ago

0.0.236

2 years ago

0.0.235

2 years ago

0.0.234

2 years ago

0.0.233

2 years ago

0.0.232

2 years ago

0.0.231

2 years ago

0.0.230

2 years ago

0.0.229

2 years ago

0.0.227

2 years ago

0.0.226

2 years ago

0.0.225

2 years ago

0.0.223

2 years ago

0.0.222

2 years ago

0.0.219

2 years ago

0.0.218

2 years ago

0.0.214

2 years ago

0.0.213

2 years ago

0.0.212

2 years ago

0.0.209

2 years ago

0.0.208

2 years ago

0.0.206

2 years ago

0.0.205

2 years ago