github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-25 18:27:59 -04:00
Code Issues Projects Releases Packages Wiki Activity
kibana/packages/shared-ux/avatar/solution
History
spalger 5b44aa8295
rename codeowners from shared-ux to global-experience
2022-11-07 15:10:42 -06:00
..
src chore(NA): remove src folder requirement from packages (part 2) (#138476) 2022-08-30 15:57:35 +01:00
BUILD.bazel [auto] migrate existing plugin/package configs 2022-10-28 14:06:46 -05:00
index.tsx chore(NA): remove src folder requirement from packages (part 2) (#138476) 2022-08-30 15:57:35 +01:00
jest.config.js [Shared UX] Solution Avatar to package (#131579) 2022-05-09 14:29:55 -04:00
kibana.jsonc rename codeowners from shared-ux to global-experience 2022-11-07 15:10:42 -06:00
package.json [auto] migrate existing plugin/package configs 2022-10-28 14:06:46 -05:00
README.mdx [api-docs] follow the correct schema for frontmatter (#138348) 2022-08-10 17:17:50 -05:00
tsconfig.json fix(NA): wrongly spread stripInternal and rootDir configs across packages (#144463) 2022-11-03 01:04:55 +00:00

README.mdx 

---
id: sharedUX/Components/KibanaSolutionAvatar
slug: /shared-ux/components/avatar-solution
title: Solution Avatar
description: A wrapper around `EuiAvatar` tailored for use in Kibana solutions.
tags: ['shared-ux', 'component']
date: 2022-05-04
---

## Description

A wrapper around `EuiAvatar` tailored for use in Kibana solutions.

## Usage

If using for a known solution, (e.g. one whose logo is in EUI as `logoSomeSolution`), you can simply set the `name` prop:

```tsx
<KibanaSolutionAvatar name="Kibana" size="xl" />
```

If the name provided does not match a known solution, you *must* set the `iconType` prop:

```tsx
<KibanaSolutionAvatar name="Hello World!" size="xl" iconType="logoElastic" />
```