@rhi-ui/tech-project-card

0.0.2 • Public • Published

<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

Package Sidebar

Install

npm i @rhi-ui/tech-project-card

Weekly Downloads

5

Version

0.0.2

License

Apache-2.0

Unpacked Size

23 kB

Total Files

7

Last publish

Collaborators

  • praxis-tech