Knob d.ts updated
parent
4aec146faf
commit
e01d71835f
|
@ -10,7 +10,7 @@
|
||||||
import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
|
import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Defines valid properties in Knob component. In addition to these, all properties of HTMLDivElement can be used in this component.
|
* Defines valid properties in Knob component.
|
||||||
*/
|
*/
|
||||||
export interface KnobProps {
|
export interface KnobProps {
|
||||||
/**
|
/**
|
||||||
|
@ -24,14 +24,17 @@ export interface KnobProps {
|
||||||
size?: number | undefined;
|
size?: number | undefined;
|
||||||
/**
|
/**
|
||||||
* When present, it specifies that the component should be disabled.
|
* When present, it specifies that the component should be disabled.
|
||||||
|
* @defaultValue false
|
||||||
*/
|
*/
|
||||||
disabled?: boolean | undefined;
|
disabled?: boolean | undefined;
|
||||||
/**
|
/**
|
||||||
* When present, it specifies that the component value cannot be edited.
|
* When present, it specifies that the component value cannot be edited.
|
||||||
|
* @defaultValue false
|
||||||
*/
|
*/
|
||||||
readonly?: boolean | undefined;
|
readonly?: boolean | undefined;
|
||||||
/**
|
/**
|
||||||
* Step factor to increment/decrement the value.
|
* Step factor to increment/decrement the value.
|
||||||
|
* @defaultValue 1
|
||||||
*/
|
*/
|
||||||
step?: number | undefined;
|
step?: number | undefined;
|
||||||
/**
|
/**
|
||||||
|
@ -46,31 +49,37 @@ export interface KnobProps {
|
||||||
max?: number | undefined;
|
max?: number | undefined;
|
||||||
/**
|
/**
|
||||||
* Background of the value.
|
* Background of the value.
|
||||||
|
* @defaultValue var(--primary-color, Black)
|
||||||
*/
|
*/
|
||||||
valueColor?: string | undefined;
|
valueColor?: string | undefined;
|
||||||
/**
|
/**
|
||||||
* Background color of the range.
|
* Background color of the range.
|
||||||
|
* @defaultValue var(--surface-border, LightGray)
|
||||||
*/
|
*/
|
||||||
rangeColor?: string | undefined;
|
rangeColor?: string | undefined;
|
||||||
/**
|
/**
|
||||||
* Color of the value text.
|
* Color of the value text.
|
||||||
|
* @defaultValue var(--text-color-secondary, Black)
|
||||||
*/
|
*/
|
||||||
textColor?: string | undefined;
|
textColor?: string | undefined;
|
||||||
/**
|
/**
|
||||||
* Width of the knob stroke.
|
* Width of the knob stroke.
|
||||||
* @defaultValue 100
|
* @defaultValue 14
|
||||||
*/
|
*/
|
||||||
strokeWidth?: number | undefined;
|
strokeWidth?: number | undefined;
|
||||||
/**
|
/**
|
||||||
* Whether the show the value inside the knob.
|
* Whether the show the value inside the knob.
|
||||||
|
* @defaultValue true
|
||||||
*/
|
*/
|
||||||
showValue?: boolean | undefined;
|
showValue?: boolean | undefined;
|
||||||
/**
|
/**
|
||||||
* Template string of the value.
|
* Template string of the value.
|
||||||
|
* @defaultValue {value}
|
||||||
*/
|
*/
|
||||||
valueTemplate?: string | undefined;
|
valueTemplate?: string | undefined;
|
||||||
/**
|
/**
|
||||||
* Index of the element in tabbing order.
|
* Index of the element in tabbing order.
|
||||||
|
* @defaultValue 0
|
||||||
*/
|
*/
|
||||||
tabindex?: number | undefined;
|
tabindex?: number | undefined;
|
||||||
/**
|
/**
|
||||||
|
|
Loading…
Reference in New Issue