Design-System Packages

Secondary buttons are used in combination with a PrimaryButton and represent the secondary action.

A stack spacing component renders its children vertically with a consistent spacing between them.

Starter Kit with React, Next.js and Styled System to get projects up and running with a design theme, built-in styleguide and test suite configuration

React primitive UI components built with styled-components and styled-system. Inspired by Rebass

GitHub action for exporting Figma slices.

Avatar component with initials letter when have no image.

Show your badge with swag 🦄.

Simple Box with specific style.

Basic component to display theme code.

Basic description.

Children grouped without space or radius.

Provide copyable icons list.

Utils for showing version as tag as shown above.

dcp-ui: themes

A toggle component. We prefer toggle over switch for easy to use. Switch is a usual keyword in development.

Basic loading spin with xtyled.

NavBar component.

Component based on the downshift library.

Color tokens for the Fishtank Design System

The Fishtank Design System's SVG icons.