App

import { App } from '@duck4i/retro-ui'

RetroApp component serves as a root container and provides a classic blue background for your retro app.

Example:

Mixed components

Hello

Label styles

Hello

Hello

Hello

Window 3

Type:

Box inset

50.00%
Lists
Item 1
Item 2
Item 3

BigText

import { BigText } from '@duck4i/retro-ui'

A label that generates ASCII text for you.

Box

import { Box } from '@duck4i/retro-ui'

A Box component that renders a styled div with optional inset or border styles. Used for grouping components together.

I have a border

I am inset

Button

import { Button } from '@duck4i/retro-ui'

A simple button component

ButtonGroup

import { ButtonGroup } from '@duck4i/retro-ui'

A grouping component that renders a styled div with centered buttons and optional vertical layout.

CheckBox

import { CheckBox } from '@duck4i/retro-ui'

A simple checkbox component

CheckBoxGroup

import { CheckBoxGroup } from '@duck4i/retro-ui'

A group of checkbox components with optional toggle mode

Dropdown

import { Dropdown } from '@duck4i/retro-ui'

A custom dropdown component with proper hover styles

Input

import { Input } from '@duck4i/retro-ui'

InputBox

import { InputBox } from '@duck4i/retro-ui'

ListView

import { ListView } from '@duck4i/retro-ui'

A retro-styled list view component

ProgressBar

import { ProgressBar } from '@duck4i/retro-ui'

A retro-styled progress bar component

Scrollbar

import { Scrollbar } from '@duck4i/retro-ui'

Presents scrollable content with nested components.

Text

import { Text } from '@duck4i/retro-ui'

A simple label component with bold, blink and inverse decorators

Window

import { Window } from '@duck4i/retro-ui'

A draggable window component with retro feel

WindowProvider

import { WindowProvider } from '@duck4i/retro-ui'

A provider component that manages the z-index of windows

Color

import { Color } from '@duck4i/retro-ui'

ComponentProps

import { ComponentProps } from '@duck4i/retro-ui'

retro-ui