asciitorium
Version:
an ASCII CLUI framework
10 lines (9 loc) • 1.05 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "asciitorium/jsx-runtime";
import { Banner, Column, Text, Line } from '../index.js';
import { BaseStyle } from './constants.js';
/**
* Guide to using Asciitorium Fonts.
*/
export const BannerBasics = () => {
return (_jsxs(Column, { style: BaseStyle, label: "Banners", children: [_jsx(Banner, { font: "pencil", text: "pencil", letterSpacing: 0, align: "center" }), _jsx(Banner, { font: "marker", text: "marker", letterSpacing: 1, align: "center" }), _jsx(Banner, { font: "pixel", text: "pixel", letterSpacing: 1, align: "center" }), _jsx(Line, { width: "90%" }), _jsx(Text, { width: "90%", gap: { left: 4 }, children: "Display sprites using the Art component:" }), _jsx(Text, { width: 56, textAlign: "center", border: true, align: "center", gap: { left: 4, top: 1, bottom: 1 }, children: `<Banner font="marker" text="marker" />` }), _jsx(Text, { width: "90%", gap: { bottom: 2 }, children: "TIP: Fonts for banners are stored in the public/art/fonts/ directory with the .art extension." })] }));
};