Card#

A titled panel — a themed bordered container with an optional title and drop shadow. Children go in its default slot.

Import#

TSX 
import { Card } from '@sigx/terminal';

Usage#

TSX 
/** @jsxImportSource @sigx/terminal */
import { component, defineApp, Card } from '@sigx/terminal';

const App = component(() => {
    return () => (
        <Card title="Summary" dropShadow>
            <text>Build completed in 1.2s.</text>
            <br />
            <text>3 warnings, 0 errors.</text>
        </Card>
    );
});

defineApp(<App />).mount({ clearConsole: true });

Props#

PropTypeNotes
titlestringcaption in the top border
dropShadowbooleancast a shadow on the right/bottom edges

The card's content is its default slot.

See also#