retro-react
Version:
A React component library for building retro-style websites
41 lines (40 loc) • 1.29 kB
TypeScript
/** @jsxImportSource theme-ui */
import React from 'react';
import { ThemeUICSSObject } from 'theme-ui';
import { ComponentColors } from "../../utils/getColorScheme";
interface SevenSegmentDisplayProps extends React.HTMLAttributes<HTMLDivElement> {
/**
* The value to display on the seven segment display.
*
* @default 0
*/
value: number;
/**
* The color of the seven segment display. Accepts any color from the library color scheme or a hex color.
*
* @default 'black'
*/
color?: ComponentColors | string;
/**
* The thickness of the segments.
*
* @default 'none'
*/
segmentThickness?: 'none' | 'thin' | 'thick';
/**
* The size of the segments.
*
* @default 'medium'
*/
size?: 'small' | 'medium' | 'large';
sx?: ThemeUICSSObject;
}
/**
* A seven segment display component. Useful for displaying visitor counts, scores, etc.
* Does not use font files, so it is compatible with all browsers.
*
* @example
* <SevenSegmentDisplay value={1946} color="black" segmentThickness="none" />
*/
export declare const SevenSegmentDisplay: React.ForwardRefExoticComponent<SevenSegmentDisplayProps & React.RefAttributes<HTMLDivElement>>;
export {};