| Server IP : 72.60.233.178 / Your IP : 216.73.216.91 Web Server : Apache System : Linux srv1210665.hstgr.cloud 5.14.0-611.54.3.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu May 7 16:31:24 EDT 2026 x86_64 User : armaladmin ( 1001) PHP Version : 8.3.31 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/armaladmin/public_html/wp-content/themes/Divi/common/stories/controls/ |
Upload File : |
import React from 'react';
import ETCoreRange from '../../controls/range/range';
export default {
title: 'Controls/ETCoreRange',
component: ETCoreRange,
render: (args) => {
const { range_min: min, range_max: max, range_step: step } = args;
return (
<ETCoreRange
{...args}
value={min}
_onChange={(e) => {
console.log(e);
}}
range_settings={{
min,
max,
step,
}}
/>
);
},
argTypes: {
range_settings: {
control: false,
},
range_min: {
control: {
type: 'number',
},
},
range_max: {
control: {
type: 'number',
},
},
range_step: {
control: {
type: 'number',
},
},
},
};
export const Default = {
args: {
name: 'default-range',
range_min: 0,
range_max: 100,
range_step: 1,
},
};
export const WithCustomUnit = {
args: {
...Default.args,
name: 'custom-unit-range',
default_unit: '%',
},
};
export const WithCustomRange = {
args: {
...Default.args,
name: 'custom-range',
},
};
export const WithPrecision = {
args: {
...Default.args,
name: 'precision-range',
precision: 2,
},
};