Exiba perfis sociais fornecidos em lista, grade ou linha, com link QR opcional. O bloco é dimensionado pelo conteúdo: um ou dois perfis são grandes e calmos, alguns preenchem uma lista clara ao lado de um grande código QR, e mais do que cabem alternam em páginas equilibradas, para que o tipo nunca fique abaixo do limite. Primetime adiciona entradas escalonadas, marcas de rede ciano, um tique na parte inferior e um fundo lento de arroba. O código QR permanece fixo com seus módulos originais em preto e branco e zona silenciosa.
Cartão ao vivo
Categoria: Mídia. Etiquetas: Social e público, Códigos QR, Lojas, Restaurantes e cafés.
Layouts
Este cartão em tela cheia preenche toda a tela em paisagem ou retrato e não é colocado como canto, chip ou faixa.
Layouts: cheio. Formas: paisagem, retrato.
Layouts, temas e publicação de cartões. Veja os cartões.
Dados e privacidade
Este cartão usa suas propriedades configuradas e dados ao vivo do cartão.
Propriedades
Para tema, fundo, destaque e posição, veja Propriedades comuns.
Defina as propriedades estáticas nos params do cartão ao criá-lo. O documento de dados dele contém apenas propriedades dinâmicas. Linhas aninhadas descrevem o conteúdo da propriedade pai.
Propriedades estáticas
| Nome | Tipo | Padrão | Valores e limites | Descrição |
|---|---|---|---|---|
handles | array | minItems: 1; maxItems: 8; Obrigatório | ||
handles[].network | string | "instagram", "facebook", "x", "linkedin", "tiktok", "youtube", "threads", "whatsapp", "pinterest", "spotify", "snapchat", "discord", "email", "web"; Obrigatório | ||
handles[].handle | string | minLength: 1; maxLength: 80; Obrigatório | ||
handles[].url | string | "" | maxLength: 2048 | |
title | string | "Follow us" | maxLength: 60 | |
qr | string | "" | maxLength: 1024 | Quando definido, um código QR que abre este link fica ao lado dos controles. |
backgroundColor | string, nulo | null | padrão: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Substitui o fundo e a placa do cartão por uma cor plana ordenada por CSS. #RRGGBBAA fornece opacidade. background none tem precedência. |
textColor | string, nulo | null | padrão: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Substitui as cores do texto principal e secundário. As cores de destaque e status semântico mantêm seus papéis. |
Propriedades dinâmicas
Este cartão não tem propriedades dinâmicas.
Exemplo de tela
Salve as propriedades estáticas como params.json e crie o cartão. O resultado traz o id crd_ dele.
{
"theme": "neomustard",
"handles": [
{
"network": "instagram",
"handle": "Example"
}
]
}screenrig card create --type follow-us --major 1 --file params.jsonAdicione este item aos primitives de uma página da playlist, com esse id no lugar do id do exemplo. Publique a playlist e atribua uma tela.
{
"id": "follow-us",
"primitive": "card",
"card": "crd_01EXAMPLECARD000000000",
"layout": "full",
"content_fit": "fill"
}