<commit_before># Avatar [![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Dependency Status][daviddm-url]][daviddm-image]

Component that displays an image within a bordered bounding box.

<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
**Table of Contents**  *generated with [DocToc](https://github.com/thlorenz/doctoc)*

- [Usage](#usage)
- [Props](#props)
  - [`<String> image` **Required**](#string-image-required)
  - [`<String> OR <Number> size` **Required**](#string-or-number-size-required)
  - [`<Function> onClick`](#function-onclick)
  - [`<Boolean> borderless`](#boolean-borderless)
- [Tests](#tests)
- [Developing](#developing)
  - [Releasing](#releasing)
  - [Requirements](#requirements)
- [License](#license)

<!-- END doctoc generated TOC please keep comment here to allow auto update -->

## Usage
```js
  import React from 'react'
  import Avatar from 'avatar'
  React.render(<Avatar image="http://myimage"/>, document.createElement('div'))
```

```css
@import "avatar";
```

## Props
### `<String> image` **Required**
Path to an image.

### `<String> OR <Number> size` **Required**
Defaults to "normal". One of "normal", "large", or a number of pixels for the width.

### `<String> alt` **Required**<commit_msg>table of contents update<commit_after># Avatar [![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Dependency Status][daviddm-url]][daviddm-image]

Component that displays an image within a bordered bounding box.

<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
**Table of Contents**  *generated with [DocToc](https://github.com/thlorenz/doctoc)*

- [Usage](#usage)
- [Props](#props)
  - [`<String> image` **Required**](#string-image-required)
  - [`<String> OR <Number> size` **Required**](#string-or-number-size-required)
  - [`<String> alt` **Required**](#string-alt-required)
  - [`<Function> onClick`](#function-onclick)
  - [`<Boolean> borderless`](#boolean-borderless)
  - [`<Object> or <String> srcSet`](#object-or-string-srcset)
- [Tests](#tests)
- [Developing](#developing)
  - [Releasing](#releasing)
  - [Requirements](#requirements)
- [License](#license)

<!-- END doctoc generated TOC please keep comment here to allow auto update -->

## Usage
```js
  import React from 'react'
  import Avatar from 'avatar'
  React.render(<Avatar image="http://myimage"/>, document.createElement('div'))
```

```css
@import "avatar";
```

## Props
### `<String> image` **Required**
Path to an image.

### `<String> OR <Number> size` **Required**
Defaults to "normal". One of "normal", "large", or a number of pixels for the width.

### `<String> alt` **Required**
{'fraction_non_alphanumeric': 0.1969220006995453, 'fraction_numerical': 0.0, 'mean_word_length': 5.008403361344538, 'pattern_counts': {'":': 0, '<': 32, '<?xml version=': 0, '>': 32, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1578991', 'n_tokens_mistral': 979, 'n_tokens_neox': 909, 'n_words': 255}