Skip to content
LotofacilBot

Design System

Catálogo de Componentes

Página única para testar componentes disponíveis e novos componentes criados. Cada seção abaixo apresenta o ResultCard em uma variação de layout, renderizando todos os 16 resultados disponíveis no mock home-results.

numeric · 13 serial · 1 fixture · 1 hybrid · 1
components-icons

ResultSubtitle

Subtítulo adaptativo com concurso, data, prêmio, ganhadores e próximo sorteio. Renderizado dentro de ResultCard via prop showSubtitle.

showSubtitle=true
Dia de Sorte #1214
Acumulou! Próximo Sorteio: · R$ 1,0 Mi
Confira seu bilhete
Mês da Sorte
Dupla Sena #2957
Acumulou! Próximo Sorteio: · R$ 724,1 Mil
Confira seu bilhete
2º Sorteio
Federal #6061
R$ 500 Mil1 ganhador
Confira seu bilhete
Prêmio Números Grupo
Loteca #1239
R$ 576,6 Mil2 ganhadores Próximo Sorteio:
Confira seu bilhete
JG Mandante C1 X C2 Visitante Dia
Lotofacil #3687
R$ 2,0 Mi1 ganhador Próximo Sorteio: · R$ 2 Mi
Confira seu bilhete
Lotomania #2924
Acumulou! Próximo Sorteio: · R$ 5,2 Mi
Confira seu bilhete
Mais Milionaria #0350
Acumulou! Próximo Sorteio: · R$ 37,7 Mi
Confira seu bilhete
Trevos
Mega-Sena #3009
Acumulou! Próximo Sorteio: · R$ 188,8 Mi
Confira seu bilhete
Quina #7016
Acumulou! Próximo Sorteio: · R$ 7,5 Mi
Confira seu bilhete
Super Sete #0847
Acumulou! Próximo Sorteio: · R$ 440,5 Mil
Confira seu bilhete
Timemania #2386
Acumulou! Próximo Sorteio: · R$ 22,2 Mi
Confira seu bilhete
EuroMillions #1946
Acumulou! Próximo Sorteio: · € 80 Mi
Confira seu bilhete
Lucky Stars
Eurojackpot #0957
Acumulou! Próximo Sorteio: · € 105,6 Mi
Confira seu bilhete
Euro Numbers
Mega Millions #1670
Acumulou! Próximo Sorteio: · $ 277 Mi
Confira seu bilhete
Mega Ball
Powerball #3158
Acumulou! Próximo Sorteio: · $ 100 Mi
Confira seu bilhete
Powerball
Lotto America #1088
Acumulou! Próximo Sorteio: · $ 26,7 Mi
Confira seu bilhete
Star Ball

Layout Stacked

Sorteios primário e secundário empilhados verticalmente. Padrão para listagens e telas mobile.

layout="stacked"
Dia de Sorte #1214
Acumulou! Próximo Sorteio: · R$ 1,0 Mi
Confira seu bilhete
Mês da Sorte
Dupla Sena #2957
Acumulou! Próximo Sorteio: · R$ 724,1 Mil
Confira seu bilhete
2º Sorteio
Federal #6061
R$ 500 Mil1 ganhador
Confira seu bilhete
Prêmio Números Grupo
Loteca #1239
R$ 576,6 Mil2 ganhadores Próximo Sorteio:
Confira seu bilhete
JG Mandante C1 X C2 Visitante Dia
Lotofacil #3687
R$ 2,0 Mi1 ganhador Próximo Sorteio: · R$ 2 Mi
Confira seu bilhete
Lotomania #2924
Acumulou! Próximo Sorteio: · R$ 5,2 Mi
Confira seu bilhete
Mais Milionaria #0350
Acumulou! Próximo Sorteio: · R$ 37,7 Mi
Confira seu bilhete
Trevos
Mega-Sena #3009
Acumulou! Próximo Sorteio: · R$ 188,8 Mi
Confira seu bilhete
Quina #7016
Acumulou! Próximo Sorteio: · R$ 7,5 Mi
Confira seu bilhete
Super Sete #0847
Acumulou! Próximo Sorteio: · R$ 440,5 Mil
Confira seu bilhete
Timemania #2386
Acumulou! Próximo Sorteio: · R$ 22,2 Mi
Confira seu bilhete
EuroMillions #1946
Acumulou! Próximo Sorteio: · € 80 Mi
Confira seu bilhete
Lucky Stars
Eurojackpot #0957
Acumulou! Próximo Sorteio: · € 105,6 Mi
Confira seu bilhete
Euro Numbers
Mega Millions #1670
Acumulou! Próximo Sorteio: · $ 277 Mi
Confira seu bilhete
Mega Ball
Powerball #3158
Acumulou! Próximo Sorteio: · $ 100 Mi
Confira seu bilhete
Powerball
Lotto America #1088
Acumulou! Próximo Sorteio: · $ 26,7 Mi
Confira seu bilhete
Star Ball

Layout Inline

Sorteios primário e secundário lado a lado em telas ≥ md. Padrão para hero e destaques horizontais.

layout="inline"
Dia de Sorte #1214
Acumulou! Próximo Sorteio: · R$ 1,0 Mi
Confira seu bilhete
Mês da Sorte
Dupla Sena #2957
Acumulou! Próximo Sorteio: · R$ 724,1 Mil
Confira seu bilhete
2º Sorteio
Federal #6061
R$ 500 Mil1 ganhador
Confira seu bilhete
Prêmio Números Grupo
Loteca #1239
R$ 576,6 Mil2 ganhadores Próximo Sorteio:
Confira seu bilhete
JG Mandante C1 X C2 Visitante Dia
Lotofacil #3687
R$ 2,0 Mi1 ganhador Próximo Sorteio: · R$ 2 Mi
Confira seu bilhete
Lotomania #2924
Acumulou! Próximo Sorteio: · R$ 5,2 Mi
Confira seu bilhete
Mais Milionaria #0350
Acumulou! Próximo Sorteio: · R$ 37,7 Mi
Confira seu bilhete
Trevos
Mega-Sena #3009
Acumulou! Próximo Sorteio: · R$ 188,8 Mi
Confira seu bilhete
Quina #7016
Acumulou! Próximo Sorteio: · R$ 7,5 Mi
Confira seu bilhete
Super Sete #0847
Acumulou! Próximo Sorteio: · R$ 440,5 Mil
Confira seu bilhete
Timemania #2386
Acumulou! Próximo Sorteio: · R$ 22,2 Mi
Confira seu bilhete
EuroMillions #1946
Acumulou! Próximo Sorteio: · € 80 Mi
Confira seu bilhete
Lucky Stars
Eurojackpot #0957
Acumulou! Próximo Sorteio: · € 105,6 Mi
Confira seu bilhete
Euro Numbers
Mega Millions #1670
Acumulou! Próximo Sorteio: · $ 277 Mi
Confira seu bilhete
Mega Ball
Powerball #3158
Acumulou! Próximo Sorteio: · $ 100 Mi
Confira seu bilhete
Powerball
Lotto America #1088
Acumulou! Próximo Sorteio: · $ 26,7 Mi
Confira seu bilhete
Star Ball