KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agent #developer-tools #codex #typescript #cli #deepseek-harness #claude-code #ai-agents #mcp #rust

vue-letter-avatar

★ 64 Open GitHub ↗

A simple and elegant letter avatar component for vue.js

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# vue-letter-avatar

![demo](https://raw.github.com/aidewoode/vue-letter-avatar/master/test/demo.png)

## Introduction
An elegant and easy to use letter avatar component for vue.js 2.0+

## Install
```shell
$ yarn add vue-letter-avatar
```

```shell
$ npm install vue-letter-avatar
```

## Usage

```js
import VueLetterAvatar from 'vue-letter-avatar';

Vue.use(VueLetterAvatar);
```

Create avatar
```js
<vue-letter-avatar name='aide' size='40' :rounded=true />

```

## Properties

| Name    | Required | Type    | Default | Description            |
| ---     | ---      | ---     | ---     | ---                    |
| name    | true     | String  |         | the name of avatar     |
| size    | false    | String  | 50      | the size of avatar     |
| rounded | false    | Boolean | false   | if is a rounded avatar |

## Development

```shell
// first clone the repo

$ git clone https://github.com/aidewoode/vue-letter-avatar.git

// install all dependencies

$ yarn install

// you can check the result on development server

$ yarn run server

// bundle the file

$ yarn run bundle
```

vue-letter-avatar

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README