component-library | Claromentis Design

<cla-user-list-item>

User list item - adds a circular profile photo list item inside the user list wrapper.

Usage

<cla-user-list plusnumber="8" href="link.to">
  <cla-user-list-item href="link.to/person" img="https://pixel.nymag.com/imgs/daily/vulture/2018/11/02/02-avatar-2.w700.h700.jpg"></cla-user-list-item>
  <cla-user-list-item href="link.to/anotherperson" img="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR7-Kj66ORNPzrqjXFAm0wL1d06XE6jdFd6FdtTchtkU7CWoCij"></cla-user-list-item>
  <cla-user-list-item img="https://i.pravatar.cc/500"></cla-user-list-item>
</cla-user-list>

<cla-user-list plusnumber="8" href="link.to">
  <cla-user-list-item href="link.to/person" img="https://pixel.nymag.com/imgs/daily/vulture/2018/11/02/02-avatar-2.w700.h700.jpg"></cla-user-list-item>
  <cla-user-list-item href="link.to/anotherperson" img="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR7-Kj66ORNPzrqjXFAm0wL1d06XE6jdFd6FdtTchtkU7CWoCij"></cla-user-list-item>
  <cla-user-list-item img="https://i.pravatar.cc/500"></cla-user-list-item>
</cla-user-list>

Properties

Property	Required	Description	Type	Default
`href`	`false`		`string`	`null`
`img`	`false`		`string`	`null`

<cla-user-list-item>

Usage

Properties

UI Components