Avatars

+2Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eget ultricies aliquam, nunc velit ultrices nunc, quis aliquet nunc nisl quis nunc. Donec euismod, nisl eget ultricies aliquam, nunc velit ultrices nunc, quis aliquet.

Code

import * as G from '.../components';

<G.Avatars
  limit={4}
  imageUrls={[
    'https://glusercontent.cdn-edges.net/u/ppic/1',
    'https://glusercontent.cdn-edges.net/u/ppic/2',
    'https://glusercontent.cdn-edges.net/u/ppic/3',
    'https://glusercontent.cdn-edges.net/u/ppic/4',
    'https://glusercontent.cdn-edges.net/u/ppic/5',
  ]}
  descriptors={[
    'Andy',
    'Ida',
    'Yvonne',
    'Susanne',
    'Uno',
  ]}>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eget
  ultricies aliquam, nunc velit ultrices nunc, quis aliquet nunc nisl quis
  nunc. Donec euismod, nisl eget ultricies aliquam, nunc velit ultrices nunc, quis aliquet.
</G.Avatars>

Properties

• imageUrls - URL[]
• names - String[]
• limit - Number