Footer#

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

const Demo = component(() => {
    return () => (
        <Footer rounded="box">
            <Text size="sm">Copyright © 2026 — All rights reserved by SignalX</Text>
        </Footer>
    );
});

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

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

const Demo = component(() => {
    return () => (
        <Footer rounded="box">
            <nav>
                <h6 class="footer-title">Framework</h6>
                <Link href="#" hover>Signals</Link>
                <Link href="#" hover>Components</Link>
                <Link href="#" hover>Router</Link>
            </nav>
            <nav>
                <h6 class="footer-title">Company</h6>
                <Link href="#" hover>About</Link>
                <Link href="#" hover>Blog</Link>
                <Link href="#" hover>Contact</Link>
            </nav>
            <nav>
                <h6 class="footer-title">Legal</h6>
                <Link href="#" hover>Terms of use</Link>
                <Link href="#" hover>Privacy policy</Link>
            </nav>
        </Footer>
    );
});

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

import { component, render } from 'sigx';
import { Footer, Text, Col } from '@sigx/daisyui';

const Demo = component(() => {
    return () => (
        <Col gap="3">
            <Footer background="neutral" padding="4" rounded="box">
                <Text size="sm">Neutral footer with padding 4</Text>
            </Footer>
            <Footer background="primary" padding="6" rounded="box">
                <Text size="sm">Primary footer with padding 6</Text>
            </Footer>
        </Col>
    );
});

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