> React components for the Alfa Laval Bricks Design System
npm install @alds/bricks> React components for the Alfa Laval Bricks Design System
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.
To install @alds/bricks in your project, you will need to run the following command with your package manager of choice:
``cl`
npm install @alds/bricks
To include styles for components you'll have to import all the styles:
`css`
@import '@alds/bricks/dist/index.css';
To use a component, you can import it directly from the package:
`tsx
import { Button } from '@alds/bricks'
function MyComponent() {
return
}
`
If you're looking for @alds/bricks` component API documentation, they can be found in Storybook under every component.