import type { CSSResultGroup } from 'lit'; import SynergyElement from '../../internal/synergy-element.js'; /** * @summary Ticks visually improve positioning on range sliders. * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-range-tick--docs * @status stable * * @slot - The tick's label * * @csspart base - The component's base wrapper. * @csspart label - The component's label. * @csspart line - The component's tick line. * * @cssproperty --tick-height - The height of the tick marker. * @cssproperty --tick-label-top - The top offset of the tick label. */ export default class SynRangeTick extends SynergyElement { static styles: CSSResultGroup; /** * Whether the tick should be shown as a subdivision. */ subdivision: boolean; render(): import("lit").TemplateResult<1>; }