You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
1.6 KiB
TypeScript
38 lines
1.6 KiB
TypeScript
export interface SliderClasses {
|
|
/** Class name applied to the root element. */
|
|
root: string;
|
|
/** Class name applied to the root element if `marks` is provided with at least one label. */
|
|
marked: string;
|
|
/** Class name applied to the root element if `orientation="vertical"`. */
|
|
vertical: string;
|
|
/** State class applied to the root and thumb element if `disabled={true}`. */
|
|
disabled: string;
|
|
/** State class applied to the root if a thumb is being dragged. */
|
|
dragging: string;
|
|
/** Class name applied to the rail element. */
|
|
rail: string;
|
|
/** Class name applied to the track element. */
|
|
track: string;
|
|
/** Class name applied to the root element if `track={false}`. */
|
|
trackFalse: string;
|
|
/** Class name applied to the root element if `track="inverted"`. */
|
|
trackInverted: string;
|
|
/** Class name applied to the thumb element. */
|
|
thumb: string;
|
|
/** State class applied to the thumb element if it's active. */
|
|
active: string;
|
|
/** State class applied to the thumb element if keyboard focused. */
|
|
focusVisible: string;
|
|
/** Class name applied to the mark element. */
|
|
mark: string;
|
|
/** Class name applied to the mark element if active (depending on the value). */
|
|
markActive: string;
|
|
/** Class name applied to the mark label element. */
|
|
markLabel: string;
|
|
/** Class name applied to the mark label element if active (depending on the value). */
|
|
markLabelActive: string;
|
|
}
|
|
export type SliderClassKey = keyof SliderClasses;
|
|
export declare function getSliderUtilityClass(slot: string): string;
|
|
export declare const sliderClasses: SliderClasses;
|