Package Exports

@dasa-health/alma-react

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@dasa-health/alma-react) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Alma Design System - React Components

Introduction

The Alma Design System is a library containing all the visual resources and rules to develop a Alma application. At this document you will find all the colors and its uses, the typography, sizes of string and the components to compose a layout.

Installing

At first you should install the design system into your project and wrap up the theme provider into your application, to serve all the design tokens to the components.

yarn install @dasa-health/alma-react

// Wrapping up on index.js of a CRA as an example

import { ThemeProvider } from '@dasa-health/alma-react'

export const App = () => {
    return (
        <ThemeProvider>
            <Application />
        </ThemeProvider>
    )
}

With the setup applied you may use a component into your application, in all the levels below of the ThemeProvider.

//
import { Button } from '@dasa-health/alma-react'

export const Sidebar = () => {
    return (
        <div>
            <Button variant="tertirary" />
        </div>
    )
}