npm package: @geju/core
Description: Geju Core Components
Author: Zuora Platform UI
Latest version: 0.1.0-alpha.5

<p align="center">
<img src="//d3ntcvh9ql14ma.cloudfront.net/zui/assets/zui/zui-logo.svg">
<br/><br/>
</p>

![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)

# Geju Design Library

Geju is an atomic design library written in Stencil.js. Because it uses the native web components, Geju works in any framework, or no 
framework at all. See the Stencil.js [framework integration](https://stenciljs.com/docs/framework-integration) documentation for 
integration instructions.

#### What does geju mean?

Geju is a zen term for verse. As in, something combined into a larger whole. Finding an unclaimed public scope that makes even a
lick of sense is getting harder all the time.

## Getting Started

Install the Geju library into your project.

```
npm install @geju/core --save
```

## Usage

Coming soon. For now the entire API can be summed up thusly:

```html
<gu-card-deck>
    <gu-card class="card-small">
        <gu-card-header>
            This is a cute cat.
        </gu-card-header>
        <gu-card-content>
            <img src="http://placekitten.com/g/50/50" style="margin: 0 auto; display: block;" alt="Actually, this is a cute cat."/>
        </gu-card-content>
        <gu-card-footer>
            Seriously. It is very cute.
        </gu-card-footer>
    </gu-card>
    <gu-card class="card-small">
        <gu-card-header>
            This is a cute cat.
        </gu-card-header>
        <gu-card-content>
            <img src="http://placekitten.com/g/50/50" style="margin: 0 auto; display: block;" alt="Actually, this is a cute cat."/>
        </gu-card-content>
        <gu-card-footer>
            Seriously. It is very cute.
        </gu-card-footer>
    </gu-card>
    <gu-card class="card-small">
        <gu-card-header>
            This is a cute cat.
        </gu-card-header>
        <gu-card-content>
            <img src="http://placekitten.com/g/50/50" style="margin: 0 auto; display: block;" alt="Actually, this is a cute cat."/>
        </gu-card-content>
        <gu-card-footer>
            Seriously. It is very cute.
        </gu-card-footer>
    </gu-card>
</gu-card-deck>
```