open-index/open-npm huggingface dataset:
npm package: @runtingwan1234/shared-widgets
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.3.4

# SharedWidgets

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

In order to use this library, please add the following two libraries to your index.html
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

## Components

### Button
Tag: app-sb-button
Inputs:
name: string
disabled: boolean
btnType: string = default/corner/shadow/round

### Card
Tag: app-sb-card
Inputs:
title: string
subTitle: string
content: string

### Expansion Panel:
Tag: app-sb-expansion-panel
Inputs:
title: string
sent: boolean
loading: boolean
success: boolean
results: JSON

Output:
btnClicked

### File Upload
Tag: app-sb-file-upload
Input:
selectType: string

### Fonts
H1:
Tag: font-H1
Input:
content: string

H2:
Tag: font-H2
Input:
content: string

H3:
Tag: font-H3
Input:
content: string

Link:
Tag: font-Link
Input:
content: string

Label:
Tag: font-Label
Input:
content: string

### Navbar
Tag:
app-sb-navabr

Input:
buttons: [{
    name: string,
    func: string
}]

Output:
btnClicked

### Projected Card:
Tag:
app-card

Your own content will be rendered in the card
However, your content must include class='card-cover/card-title/card-content' in order for it to be rendered

### Textbox:
Tag: app-textbox

Input:
type: string = text/email/password
isDisabled: boolean
hasError: boolea
placeHolder: string

## Shared resources
colors.scss
The list of colors can be used