<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 |