Template do componente de design

Antes de entrar no aspecto mais importante das especificações de um componente, você precisa saber os princípios básicos. Comece preenchendo as linhas em Noções básicas do componente: dê um nome ao componente, descreva o que ele faz e carregue um diagrama de anatomia com indicadores numerados. Use estes indicadores para criar uma chave e defina cada elemento da anatomia do componente. O objetivo desta seção é explicar às pessoas que usam o componente como tudo se encaixa nele.

É aqui que você começa a descrever as diferentes formas de usar um componente como parte dos designs para um recurso maior. Descreva como o componente é usado, incluindo o objetivo geral no design, e como ele se parece e age em contextos diferentes. Use o código ao vivo do repositório do sistema de design para exibir variações diferentes. Por último, descreva o estilo visual do componente. Inclua exemplos do que fazer e do que não fazer.

Todo componente tem peculiaridades. Em Orientação adicional, digite quais são elas. Comece com o conteúdo: existem regras de pontuação específicas deste componente? E as categorias padrão? Anote tudo, junto com as dicas ou dúvidas sobre a acessibilidade específica do componente para aplicação em ambientes móveis. Se existirem práticas recomendadas padrão do setor de como o componente é usado, também faça uma lista delas. Por último, adicione links aos componentes e padrões relacionados.