wehub-resource-sync
39 lines
1.1 KiB
Markdown
39 lines
1.1 KiB
Markdown
---
|
||
title: Initials – Avatar Placeholder API
|
||
description: >
|
||
Generate SVG initials avatars with DiceBear, a free avatar placeholder API and
|
||
JavaScript library for user profile pictures.
|
||
---
|
||
|
||
<script setup lang="ts">
|
||
import StylePreview from "@theme/components/styles/StylePreview.vue";
|
||
import StyleInfo from "@theme/components/styles/StyleInfo.vue";
|
||
import StyleDescription from "@theme/components/styles/StyleDescription.vue";
|
||
import StyleUsage from "@theme/components/styles/StyleUsage.vue";
|
||
import StyleOptions from "@theme/components/styles/StyleOptions.vue";
|
||
</script>
|
||
|
||
# Initials
|
||
|
||
Initials is a text-based vector avatar style that renders one or two large
|
||
letters centered on a solid colored square, the monogram or letter avatar you
|
||
see in many apps. It is deterministic and easy to read, which makes it a
|
||
practical fallback for users who haven't uploaded a profile picture yet, and you
|
||
can generate it from any name or seed.
|
||
|
||
<StylePreview styleName="initials" />
|
||
|
||
<StyleDescription styleName="initials" />
|
||
|
||
## Usage
|
||
|
||
<StyleUsage styleName="initials" />
|
||
|
||
## Options
|
||
|
||
<StyleOptions styleName="initials" />
|
||
|
||
## Details
|
||
|
||
<StyleInfo styleName="initials" />
|