@alds/bricks

React components for the Alfa Laval Bricks Design System

💬 Description

This library is a collection of reusable UI components designed to streamline the development of user interfaces in your projects.

Our components are responsive and built with best practices in mind. They cover a wide range of UI elements, from buttons to complex data displays.

An overview of the design system can be found at Bricks general documentation site.

🏃‍♀️ Installation

To install @alds/bricks in your project, you will need to run the following command with your package manager of choice:

npm install @alds/bricks

🛠️ Usage

To include styles for components you'll have to import all the styles:

@import '@alds/bricks/dist/index.css';

To use a component, you can import it directly from the package:

import { Button } from '@alds/bricks'

function MyComponent() {
  return <Button>Example usage</Button>
}

📖 API Documentation

If you're looking for @alds/bricks component API documentation, they can be found in Storybook under every component.