gitthermal/thermal

Thermal design system

Aberta

#81 aberto em 24 de mai. de 2019

Ver no GitHubGuia do colaborador
 (4 comentários) (1 reação) (0 responsável)Vue (34 forks)auto 404
DesignFront enddiscussionhelp wanted⚙ Improvement🏃🏻‍♀️ Priority medium

Métricas do repositório

Stars
 (452 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

Use Vue components everywhere to build the application from a small button to a diff preview component.

Split the components into a separate package so it can be used across Thermal ecosystem (Application, Website, and Marketing).

Questions

  • Should we style the components inline or in separate .sass file?
  • How to name component and props?
  • Is it the best way to use mixins for spacing, font and border?
  • How can we leverage sass variables in Vue components?

PRs

  • #111 TModal Modal component
  • #115 TScrollbar Scrollbar Layout
  • #125 TButton Button component
  • #128 TFlexbox Flexbox Layout
  • #137 TContainer Container Layout
  • TSwitch Switch component
  • TLink Link component
  • TText Text component
  • TIcon Icon component
  • TInput Input component
  • TRadio Radio component
  • TImage Image component
  • TTag Tag component
  • TDropdown Dropdown component
  • TNotification Notification component
  • TTooltips Tooltips component
  • Default color provider

References

We are looking for a more modular way to define and use Vue components for the long term, if you have any feedback or suggestion, 🙏🏻 please drop them in the comment section below.

Guia do colaborador

Direção de pesquisa
Comece examinando um componente concluído, como TButton (#125), como padrão de referência, depois escolha um componente não atribuído (por exemplo, TSwitch) e proponha um design seguindo os mixins existentes para espaçamento, fonte e borda.
Pilha de tecnologia
vue
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-2 dias
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
VueGit
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60