dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
27 lines (26 loc) • 1.32 kB
TypeScript
import { DdsElement } from '../../internal/dds-hu-element';
/**
* `dap-ds-timeline-item`
* @summary A timeline is a graphical representation of a series of events.
* @element dap-ds-timeline-item
* @title - Timeline item
* @group timeline
*
* @slot - The default slot for the item content.
*
* @csspart base - The main timeline item container.
* @csspart connector - The connector element between two timeline items.
* @csspart content - The content of the timeline item.
*
* @cssproperty --dds-timeline-position - Position of the timeline dot (default: 28px)
* @cssproperty --dds-timeline-connector-width - Width of the timeline connector line (default: 1px)
* @cssproperty --dds-timeline-connector-left-position - Left position of the timeline connector (default: 5.5px)
* @cssproperty --dds-timeline-dot-size - Size of the timeline dot (default: var(--dds-spacing-300))
* @cssproperty --dds-timeline-item-margin-bottom - Bottom margin of timeline items (default: var(--dds-spacing-200))
* @cssproperty --dds-timeline-item-padding-left - Left padding of timeline items (default: var(--dds-spacing-400))
*/
export default class DapDSTimelineItem extends DdsElement {
static tagName: string;
static readonly styles: import('lit').CSSResult;
render(): import('lit-html').TemplateResult;
}