Avatar

It's a face in a circle

Includes a Ruby component and corresponding Rails helper

Ruby

Example

<%= nk_avatar "dhh-racer.jpg" %>

Install

Set up Nitro Kit then

bin/rails generate nitro_kit:component avatar

Sizes

:sm

:md

:lg

<div class="flex gap-4 items-center text-xs text-center">
  <div class="flex flex-col gap-4">
    <%= nk_avatar "dhh-racer.jpg", size: :sm %>
    <code>:sm</code>
  </div>
  <div class="flex flex-col gap-4">
    <%= nk_avatar "dhh-racer.jpg", size: :md %>
    <code>:md</code>
  </div>
  <div class="flex flex-col gap-4">
    <%= nk_avatar "dhh-racer.jpg", size: :lg %>
    <code>:lg</code>
  </div>
</div>

Usage

`nk_avatar(src = nil, size: :md, **attrs)`
Property	Default	Description
`src`	`nil`	Uses `image_tag` internally.
`size`	`:md`	One of `":sm"` / `":md"` / `":lg"`
`**attrs`		HTML attributes for `<div>` element