<rhi-ui-tech-project-card>

Install

npm install --save @rhi-ui/tech-project-card

Basic usage

<rhi-ui-tech-project-card
    champion="Patricia Mills"
    class="cliniquick"
    code="rhi-cq"
    description="Mobile data collection platform for the spasticity clinic at GF Strong."
    elevation="1"
    lead="Glenys"
    lead-initials="GM"
    name="CliniQuick for Spasticity"
    resources='[{"name": "Production site", "url": "https://www.isncscialgorithm.com/"},{"name": "Source code repository", "url": "https://rhitech.visualstudio.com/ISNCSCI%20Algorithm%20site"}]'
    status="maintenance">
</rhi-ui-tech-project-card>

Style customization

| CSS variables | Default | |:-----------------------------------------------------|:-------------------------------------------| |--rhi-ui-tech-font-common-base-font-family | 'Roboto', 'Noto', 'Open Sans', sans-serif' | |--rhi-ui-tech-project-card-lead-icon-background-color | #000 | |--rhi-ui-tech-project-card-lead-icon-color | #FFF | |--rhi-ui-tech-project-card-media-background-color | #CCC | |--rhi-ui-tech-project-card-media-background-image | none |

Property(Attribute)

| Property(Attribute) | Type | Description | |---------------------|:-------|:-------------------------------------------------------------------------| | champion | string | Name of the project champion. | | code | string | Project code usually used as the prefix for repositories and classes. | | description | string | Project description. | | elevation | number | Value between 1 and 5 to determine the drop shadow of the component. | | lead | string | Name of the IT member leading the project. | | lead-initials | string | Initials of the project lead. | | name | string | The project's name. | | resources | string | List of web resources which provide extra information about the project. | | status | string | Current project status |