Prima di esaminare nei dettagli le specifiche del componente, occorre definirne gli elementi di base. Inizia compilando le righe in Elementi di base dei componenti: assegna un nome al componente, descrivine le funzioni e carica un diagramma della sua anatomia con callout numerati. Utilizza questi callout per creare una chiave e definire ciascun elemento dell'anatomia del componente. Lo scopo di questa sezione consiste nel fornire alle persone che utilizzano il componente un quadro generale del suo funzionamento.

Qui puoi iniziare a descrivere i diversi modi di utilizzo di un componente all'interno dei progetti nell'ambito di una funzionalità più ampia. Descrivi in che modo viene utilizzato il componente, incluso il suo scopo all'interno del progetto nel suo insieme e passa quindi a illustrarne l'aspetto e il comportamento in contesti diversi. Utilizza il codice in tempo reale dal repository del sistema di progettazione per visualizzare le diverse varianti. Infine, descrivi lo stile visivo del componente. Accertati di includere esempi di cosa fare e cosa non fare.

Ogni componente ha le sue peculiarità. Annotale in Linee guida aggiuntive. Inizia dai contenuti: vi sono delle regole di punteggiatura specifiche per questo componente? Delle etichette standard? Annotale insieme ai problemi di accessibilità e ai suggerimenti specifici del componente relativi alla sua applicazione negli ambienti mobili. Se vi sono delle best practice standard del settore sull'utilizzo del componente, riportale qui. Infine, aggiungi dei collegamenti a eventuali schemi o componenti correlati.