@brewermap/glassware

Angular componet to show beer glassware

Usage no npm install needed!

<script type="module">
  import brewermapGlassware from 'https://cdn.skypack.dev/@brewermap/glassware';
</script>

README

Brewer Map Glassware

Component for render a SVG with the pint form and SRM color provided.

NOTE: This is a WIP project, more glassware will be added

Setup

import { GlasswareModule } from '@brewermap/glassware';
 
@NgModule({
  imports: [
    CommonModule,
    GlasswareModule
  ]
})

Usage

<bm-glassware
    type="pilsner"
    label="Pilsner Urquell"
    [srm]="5">
</bm-glassware>

Glassware Types

  • pint
  • weizen
  • thistle
  • teku
  • tallmug
  • stout
  • stange
  • snifter
  • pilsner
  • nonic
  • mug
  • ipa
  • goblet
  • boot
  • yard
  • tulip
  • tulippint
  • stein (NOTE: ignores srm)

Inputs

Name Type Description
srm number Number between 1 and 50 (from 0 to 12.5 values with .5 are also accepted). Aditional 65 and 80 are available
label string Optional label at the bottom of the glass
type string Any of the types available

Outputs

N/A

Roadmap

Upcomming glassware:

  • flute
  • footedpilsner
  • willbecher
  • oversizewine
  • tumbler
  • dimpledmug
  • oktoberfest
  • tankard (tallmug?)
  • chalice (goblet?)
  • pokal (pilsner?)

This library was generated with Angular CLI version 10.0.2.