2.2.18 • Published 1 year ago
oute-ds-bread-crumbs v2.2.18
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