ink-checkbox/build/playground/events.js

Checkbox component for Ink

import React, { useState } from 'react';
import { render, Box, Text } from 'ink';
import { Checkbox } from '../source/index.js';
import { preparePlayground } from '../source/utils.js';
import BigText from 'ink-big-text';
preparePlayground();
const EventsExample = () => {
    const [checked, setChecked] = useState(false);
    const [checkedOnSubmitted, setCheckedOnSubmitted] = useState(false);
    return (React.createElement(Box, { flexDirection: "column", margin: 1 },
        React.createElement(BigText, { text: "Demo: Events", font: "tiny", colors: ['blue'] }),
        React.createElement(Checkbox, { label: "Checkbox", focused: true, onSubmitted: ({ checked }) => setCheckedOnSubmitted(checked), onChanged: ({ checked }) => setChecked(checked) }),
        React.createElement(Box, { flexDirection: "column", marginTop: 1 },
            React.createElement(Text, { color: "green" },
                "Changed value: ",
                String(checked)),
            React.createElement(Text, { color: "green" },
                "Submitted: ",
                String(checkedOnSubmitted)))));
};
render(React.createElement(EventsExample, null));
//# sourceMappingURL=events.js.map