# \<ix-fab>

This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.

## Installation

```bash
npm i @digital-realty/ix-fab
```

## Usage

An IxFab expects an icon in it's slot element to render the component correctly.

The icon can be from any icon library, an image or an svg.

```html
<script type="module">
  import '@digital-realty/ix-fab';
</script>

<ix-fab>
  <md-icon>...</md-icon>
</ix-fab>
```

### In React
```JS
  import { IxFab } from '@digital-realty/ix-fab/IxFab'

  <IxFab>
    <Icon>...</Icon>
  </IxFab>
```

## Linting and formatting

To scan the project for linting and formatting errors, run

```bash
npm run lint
```

To automatically fix linting and formatting errors, run

```bash
npm run format
```

## Testing with Web Test Runner

To execute a single test run:

```bash
npm run test
```

To run the tests in interactive watch mode run:

```bash
npm run test:watch
```

## Demo and Documentation

Full documentation and demo are available at [DLR Component Gallery](https://inxn-p1-uicomponentgallery.azurewebsites.net/?path=/story/inxn-ix-fab--default).