Window#

import { component, render } from 'sigx';
import { MockupWindow } from '@sigx/daisyui';

const Demo = component(() => {
    return () => (
        <MockupWindow>
            Hello!
        </MockupWindow>
    );
});

render(<Demo />, "#sandbox");

import { component, render } from 'sigx';
import { Mockup, Card, Button, Text } from '@sigx/daisyui';

const Demo = component(() => {
    return () => (
        <Mockup.Window class="bg-base-300">
            <Card class="w-72">
                <Card.Body>
                    <Card.Title>Desktop app</Card.Title>
                    <Text size="sm">A card rendered inside a window mockup.</Text>
                    <Card.Actions class="justify-end">
                        <Button variant="primary" size="sm">OK</Button>
                    </Card.Actions>
                </Card.Body>
            </Card>
        </Mockup.Window>
    );
});

render(<Demo />, "#sandbox");