UNPKG

design-react-kit

Version:

Componenti React per Bootstrap 5

1 lines 2.3 kB
{"version":3,"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React, { ElementType, FC, HTMLAttributes } from 'react';\nimport { Breadcrumb as BreadcrumbBase } from 'reactstrap';\nimport classNames from 'classnames';\nimport { CSSModule } from 'reactstrap/types/lib/utils';\n\nexport interface BreadcrumbProps extends HTMLAttributes<HTMLDivElement> {\n /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n tag?: ElementType;\n /** Utilizzarlo in caso di utilizzo di componenti personalizzati per la l'elemento lista interno */\n listTag?: ElementType;\n /** Classi aggiuntive da usare per il componente Nav */\n className?: string;\n /** Classi aggiuntive da usare per il componente di lista interno */\n listClassName?: string;\n /** Oggetto contenente la nuova mappatura per le classi CSS. */\n cssModule?: CSSModule;\n /** Indica se si vuole la versione con fondo scuro */\n dark?: boolean;\n /** Etichetta significativa per descrivere il tipo di navigazione */\n 'aria-label'?: string;\n testId?: string;\n}\n\nexport const Breadcrumb: FC<BreadcrumbProps> = ({\n className,\n listClassName,\n dark,\n 'aria-label': label,\n testId,\n ...attributes\n}) => {\n const classes = classNames(className, 'breadcrumb-container');\n const listClasses = classNames(listClassName, { dark }, dark && 'px-3');\n const ariaLabel = label ?? 'Percorso di navigazione';\n return (\n <BreadcrumbBase\n className={classes}\n listClassName={listClasses}\n aria-label={ariaLabel}\n data-testid={testId}\n {...attributes}\n />\n );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuD,sBACvDC,EAA6C,sBAC7CC,EAAuB,2BAqBVJ,EAAkC,CAAC,CAC9C,UAAAK,EACA,cAAAC,EACA,KAAAC,EACA,aAAcC,EACd,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,KAAU,EAAAC,SAAWP,EAAW,sBAAsB,EACtDQ,KAAc,EAAAD,SAAWN,EAAe,CAAE,KAAAC,CAAK,EAAGA,GAAQ,MAAM,EAEtE,OACE,EAAAO,QAAA,cAAC,EAAAC,WAAA,CACC,UAAWJ,EACX,cAAeE,EACf,aALcL,GAAS,0BAMvB,cAAaC,EACZ,GAAGC,EACN,CAEJ","names":["Breadcrumb_exports","__export","Breadcrumb","__toCommonJS","import_react","import_reactstrap","import_classnames","className","listClassName","dark","label","testId","attributes","classes","classNames","listClasses","React","BreadcrumbBase"]}