アバター Dashkit only

単一のコンポーネントを使用して、さまざまなサイズと形状のアバターを作成し、グループ化します。

サイズ変更

Bootstrap の標準的な命名構造を使用して、標準的なアバターを作成したり、必要に応じてさまざまなサイズに拡大したりできます。

...
...
...
...
...
...

ステータスインジケーター

ユーザの可用性を示すオンラインまたはオフラインのステータス インジケーターを追加します。

...
...
...
...
...
...

形状

デフォルトの Bootstrap 画像クラスを使用してアバターの形状を変更します。

...
...
...
...
...
...

比率

.avatar-4by3 修飾子を使用して、アバターの幅と高さの比率を 4:3 に変更します。

...
...
...
...

イニシャル

必ずしもすべてのユーザーに画像があるわけではないので、代わりにイニシャルを簡単に使用できます。

AA
AA
AA

グループ

あらゆるサイズ、形状、コンテンツのアバターを、単一のコンポーネントで簡単にグループ化できます。 各アバターには、対応するプロフィールへのリンクとして <a> を使用することもできます。

...
...
...
AA
...
...
...
...
...
...