UNPKG

@netdata/netdata-ui

Version:

netdata UI kit

45 lines (42 loc) • 1.22 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
// import React, { useState } from "react" // import { text, boolean } from "@storybook/addon-knobs" // import { Toggle } from "." // export const Base = { // component: () => { // const [checked, setChecked] = useState(false) // const handleChange = e => { // setChecked(e.currentTarget.checked) // } // return ( // <Toggle // labelRight={text("Label right", "Do you like greek salad?")} // disabled={boolean("Disabled", false)} // onChange={handleChange} // checked={checked} // colored={boolean("Colored", true)} // /> // ) // }, // } // export const TwoOptions = { // component: () => { // const [checked, setChecked] = useState(false) // const handleChange = e => { // setChecked(e.currentTarget.checked) // } // return ( // <Toggle // labelRight={text("Label right", "Light theme")} // labelLeft={text("Label left", "Dark theme")} // onChange={handleChange} // checked={checked} // disabled={boolean("Disabled", false)} // colored={boolean("Colored", false)} // /> // ) // }, // } // export default { // component: Toggle, // } "use strict";