Skip to main content
Created Nov 04, 2024
Last Updated Nov 04, 2024

Overview

A brief overview of the design system’s purpose and goals, often highlighting its importance for consistency and efficiency.

Getting started

Try the included Tailwind configuration:

import tailwindConfig from "rider-design-system";

Optionally use the included CSS variables:

@import "node_modules/rider-design-system/dist/variables.light.css"
@import "node_modules/rider-design-system/dist/variables.dark.css"

Read more about tokens, icons, and patterns.

Implementations

  • Metro, the Elixir library of reusable components for use in Phoenix applications.