Overview Version History Q & A Rating & Review
Olá, candidato!
Você deverá utilizar essa extensão ao realizar o teste para a vaga de UI Jr.
Abaixo, segue uma lista com a relação de componentes e seus snippets correspondentes.
Snippets citados no Figma de sua avaliação
Descrição
Snippet
Accordion
ds-accordion
Card Destaque - Atenção
ds-card-tematico-atencao
Card Destaque - Comentário
ds-card-tematico-comentario
Card Destaque - Curiosidade
ds-card-tematico-curiosidade
Card Destaque - Dica
ds-card-tematico-dica
Card Destaque - Exemplo
ds-card-tematico-exemplo
Card Destaque - Recomendação
ds-card-tematico-recomendacao
Card Destaque - Reflexão
ds-card-tematico-reflexao
Card Destaque - Relembrando
ds-card-tematico-relembrando
Card Destaque - Resposta
ds-card-tematico-resposta
Card Destaque - Resumindo
ds-card-tematico-resumindo
Card Destaque - Saiba mais
ds-card-tematico-saibamais
Card Imagens
ds-card-imagens
Carrossel-vertical
ds-carousel
Tabs
ds-tabs
Texto-corrido
ds-text
Texto Título
ds-texto-titulo
Texto Corpo
ds-texto-corpo
Título-*
ds-title
Vídeo Player
ds-video-player
Snippets Gerais
Descrição
Snippet
Accordion
ds-accordion
Antes e depois
ds-antes-e-depois
Atividade Discursiva
ds-atividade-discursiva
"Mão na massa"
ds-atividade-livre
Audio Card
ds-audio-card
Audio Player
ds-audio-player
Audio Player Short
ds-audio-player-short
Card
ds-card
Card Comparativo
ds-card-relacionado
Card Comparativo Imagens
ds-card-relacionado-imagens
Card Comparativo Ícones
ds-card-relacionado-icon
Card Destaque - Atenção
ds-card-tematico-atencao
Card Destaque - Comentário
ds-card-tematico-comentario
Card Destaque - Curiosidade
ds-card-tematico-curiosidade
Card Destaque - Dica
ds-card-tematico-dica
Card Destaque - Exemplo
ds-card-tematico-exemplo
Card Destaque - Recomendação
ds-card-tematico-recomendacao
Card Destaque - Reflexão
ds-card-tematico-reflexao
Card Destaque - Relembrando
ds-card-tematico-relembrando
Card Destaque - Resposta
ds-card-tematico-resposta
Card Destaque - Resumindo
ds-card-tematico-resumindo
Card Destaque - Saiba mais
ds-card-tematico-saibamais
Card Horizontal
ds-card-topo-atividade
Card Icons
ds-card-icones
Card Imagens
ds-card-imagens
Card Intro
ds-card-intro
Card Selecionável
ds-card-selecionavel
Card Video
ds-card-video
Carousel
ds-carousel
Carousel Horizontal
ds-carousel-horizontal
Compilador de Código
ds-code-compiler
Collapse
ds-collapse
Destaque Texto
ds-destaque-texto
Fala, mestre
ds-fala-mestre
Quadro de Texto
ds-quadro-texto
Galeria Video
ds-gallery-video
Ligando os pontos
ds-ligando-pontos
Listas nao ordenadas
ds-listas-ul
Listas ordenadas
ds-listas-ol
Loading
ds-loading
Modulo Video
ds-module-video
Notification
ds-notification
Notification Dinâmica
ds-notification-dinamico
Playlist de Video
ds-playlist-video
Progress Bar
ds-progress-bar
Questions
ds-questions
Quote
ds-quote
Quote Imagem
ds-quote-imagem
Radio Button
ds-radio-button
Rating de módulo
ds-rating-module
Table
ds-table
Table 2 colunas
ds-table-2-colunas
Tabs
ds-tabs
Tags
ds-tags
Teoria na pratica
ds-teoria
TextArea
ds-textarea
Timeline
ds-timeline
Timeline Horizontal
ds-timeline-horizontal
Title
ds-title
Vem que eu te explico
ds-te-explico
Vídeo Player
ds-video-player
Pattern Vídeo
ds-pattern-video
Snippets utilitários
Descrição
Snippet
Container
ds-container
Grid
ds-grid
Imagem
ds-image
Imagem Full
ds-image-full
Legenda
ds-legenda
Link
ds-link
Modal
ds-modal
Modal Box
ds-modal-box
Modal menor
ds-modal-small
Modal Link
ds-modal-link
Parágrafo
ds-paragrafo
Section
ds-section
Subtítulo
ds-subtitulo
Texto Título
ds-texto-titulo
Texto Corpo
ds-texto-corpo
Texto Img lado direito
ds-texto-img-dir
Texto Img lado esquerdo
ds-texto-img-esq
