For Developers

Welcome developers! This guide will help you set up the Atlas Design System in your project.

Installation

To get started, you need to install the core package and its dependencies.

npm install @pros/atlas

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Configuration

Depending on your framework, you might need to wrap your application in a provider to ensure themes and tokens are applied correctly.

import { ThemeProvider } from '@pros/atlas';

export default function App({ children }) {
  return (
    <ThemeProvider theme="light">
      {children}
    </ThemeProvider>
  );
}

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Next Steps

Once installed, head over to the Components section to explore the available UI elements and learn how to use them in your application.