AvatarBorder

Demo

import React from 'react';
import AvatarBorder from '@bit/webnovel.read-ui.avatar.border';
import Avatar from '@bit/webnovel.read-ui.avatar';
import "@bit/webnovel.read-ui.style";

export default function () {

    return (
        <div>
            <p>
                <AvatarBorder>
                    <Avatar src="https://static.bit.dev/bit-logo.svg" size="48" />
                </AvatarBorder>
            </p>
            <p>
                <AvatarBorder index={1}>
                    <Avatar src="https://static.bit.dev/bit-logo.svg" size="48" />
                </AvatarBorder>
            </p>
            <p>
                <AvatarBorder index={2}>
                    <Avatar src="https://static.bit.dev/bit-logo.svg" size="48" />
                </AvatarBorder>
            </p>
        </div>
    )
}