UNPKG

dap-design-system

Version:

Official design system for the DÁP (dap.gov.hu)

ghes.idomsoft.hu/idom-green/dap-design-system

35 lines (34 loc) • 2.76 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
import { default as Component } from '../../components/breadcrumb-item/breadcrumb-item.js'; /** * `dap-ds-breadcrumb-item` custom element. * @element dap-ds-breadcrumb-item * @summary A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application. * @title - Breadcrumb item * @group breadcrumb * * @slot - The content of the breadcrumb item. * @slot separator - The separator between breadcrumb items. Default is an arrow-right-s-line icon. * * @csspart base - The main breadcrumb item container. The li element. * @csspart link - The link of the breadcrumb item. The dds-link component. * @csspart link-base - The base part of the link part. The dds-link components base part. * @csspart item-nolink - The item of the breadcrumb item without a link. The span element. * @csspart separator - The separator of the breadcrumb item. * * @cssproperty --dds-breadcrumb-item-display - The display property of the breadcrumb item (default: inline-flex) * @cssproperty --dds-breadcrumb-item-flex-wrap - The flex-wrap property of the breadcrumb item (default: nowrap) * @cssproperty --dds-breadcrumb-item-align-items - The align-items property of the breadcrumb item (default: center) * @cssproperty --dds-breadcrumb-item-color - The text color of the breadcrumb item (default: var(--dds-text-neutral-base)) * @cssproperty --dds-breadcrumb-item-transition - The transition property for the breadcrumb item (default: all 0.2s ease-in-out) * @cssproperty --dds-breadcrumb-item-gap - The gap between the breadcrumb item and the separator (default: var(--dds-spacing-200)) * @cssproperty --dds-breadcrumb-item-padding - The padding of the breadcrumb item (default: var(--dds-spacing-200)) * @cssproperty --dds-breadcrumb-item-font-size - The font size of the breadcrumb item (default: var(--dds-font-sm)) * @cssproperty --dds-breadcrumb-item-font-weight - The font weight of the breadcrumb item (default: var(--dds-font-weight-medium)) * @cssproperty --dds-breadcrumb-item-font-weight-bold - The bold font weight of the breadcrumb item (default: var(--dds-font-weight-bold)) * @cssproperty --dds-breadcrumb-item-separator-color - The color of the separator (default: var(--dds-text-neutral-disabled)) * @cssproperty --dds-breadcrumb-item-link-color - The color of the link (default: var(--dds-link-neutral-enabled)) * @cssproperty --dds-breadcrumb-item-inverted-color - The text color when inverted (default: var(--dds-text-neutral-inverted)) * @cssproperty --dds-breadcrumb-item-inverted-link-color - The link color when inverted (default: var(--dds-text-neutral-inverted)) */ declare const reactWrapper: import('@lit/react').ReactWebComponent<Component, {}>; export default reactWrapper;