KvalityUI

SocialConnectCard

Карточка подключения внешнего аккаунта.

Живой код — редактируйте
<div className="grid gap-3 sm:grid-cols-2">
  <SocialConnectCard
    heading="Telegram"
    icon={<TelegramIcon size={24} />}
    connected
  />
  <SocialConnectCard
    heading="ВКонтакте"
    icon={<VkIcon size={24} />}
    onConnect={() => {}}
  />
</div>

Пропсы

Prop

Type

AlertCard

Карточка-уведомление с действием и закрытием. С dismissKey запоминает закрытие.

EmptyState

Пустое состояние списка или страницы с действием.

On this page

Пропсы