# Overview

## Building blocks <a href="#building-blocks" id="building-blocks"></a>

Components are one of the key building blocks of the design system. Each component has been designed and coded to solve a specific UI problem, such as presenting a list of options, enabling submission of a form, providing feedback to the user, and so on. We will be adding to this portal, one by one, each component specification and examples of its usage in the following weeks. Stay tuned!

<div><figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-19d8aaa449751ea47b01edfab2553d535eba01d5%2Falert.svg?alt=media&#x26;token=0666b3b7-fded-44bb-9177-4ceb3003c2fb" alt=""><figcaption></figcaption></figure> <figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-d793e2035045599452469e8d6a4fc064a54db041%2Fbuttons%20(2).svg?alt=media&#x26;token=39638759-33f1-4dbd-806b-3a64103cbfa1" alt=""><figcaption></figcaption></figure> <figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-6c6e94aeaae8945592faafcc6adb0cf445ebf306%2Flayout.svg?alt=media&#x26;token=5ac25e17-cd98-453a-9eda-7d1e760b7caa" alt=""><figcaption></figcaption></figure></div>

<div><figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-4d4ad25267ae7ed9f0858ba430c07d03d3959488%2Fformelements%20(1).svg?alt=media&#x26;token=29756c2c-e298-4d9a-9841-ffc123e38272" alt=""><figcaption></figcaption></figure> <figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-1cf63841817979ceb99e00a78fd84602a8e4aa48%2Fdatepicker.svg?alt=media&#x26;token=7299e89f-7120-4b51-a048-36b58247cb00" alt=""><figcaption></figcaption></figure> <figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-ea9c0bc0addf7464325813ee431c09c2cb4992cc%2Ftables.svg?alt=media&#x26;token=d3bb3048-c7f1-4cff-823a-e1aa0c7b657f" alt=""><figcaption></figcaption></figure></div>

<div><figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-a0d0b938cb9b3721b71c194bae6e474423a15926%2Fcards.svg?alt=media&#x26;token=02362101-1d65-4d97-baf8-9a42cae8e429" alt=""><figcaption></figcaption></figure> <figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-6abd9bc08d1d7eee2f4e3fe1b9028b53652536d6%2Fmenu%20(1).svg?alt=media&#x26;token=e1ed6e0e-c4cd-43d1-9026-231e60044de5" alt=""><figcaption></figcaption></figure> <figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-89b8732b652ce6ab90219335463666da79e8203a%2Ftabs.svg?alt=media&#x26;token=fc013835-1a23-4b27-b614-7127f9d269ba" alt=""><figcaption></figcaption></figure></div>

<div><figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-e963a6a031188d3bd9c4c11eaab7a779aaf740f1%2Fpopovers.svg?alt=media&#x26;token=ff06b71a-d4a1-4961-85c3-be1a3602e297" alt=""><figcaption></figcaption></figure> <figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-6d78b3f213549d0d15e986610823f48be1b5a180%2Ftooltips.svg?alt=media&#x26;token=2f39622a-4d6b-465a-a84a-4f20d64a4338" alt=""><figcaption></figcaption></figure> <figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-086c4c9c4e8ad97282d93bfcbd59180af58b6695%2Fprogress-bar.svg?alt=media&#x26;token=0d67efc9-5cc6-43a3-98aa-f44a740fb16b" alt=""><figcaption></figcaption></figure></div>

<div><figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-b07d8d1b4ee3fe689a97aafa7c2ec70f1170859e%2Fcharts.svg?alt=media&#x26;token=7a42c2b5-055c-4cdc-b69c-c0ea11852d73" alt=""><figcaption></figcaption></figure> <figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-76e1d9521a33e777a7a98e640785a7d46d59c127%2Fpagination.svg?alt=media&#x26;token=9f15841a-8e14-47f8-9171-2c214d3d4ed0" alt=""><figcaption></figcaption></figure> <figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-41430b448f49d7364b779e5fb149d16eb5d27b31%2Fbadges.svg?alt=media&#x26;token=12fac9a8-3d83-47eb-a8c2-8f1739dd93b8" alt=""><figcaption></figcaption></figure></div>

<div><figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-5f3354b0aea4ed892563b1a60e559e4e110651f3%2Fsection-control.svg?alt=media&#x26;token=97638a33-8749-498e-9acc-264576c34029" alt=""><figcaption></figcaption></figure> <figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-2ad0d89aa8abe24bef6868362d552d9545311765%2Floaders.svg?alt=media&#x26;token=89abb3e0-81d3-4620-9d90-e23795ae0ce2" alt=""><figcaption></figcaption></figure> <figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-fa52accb313254e2a143a63658c714113633e8b7%2Fsearch.svg?alt=media&#x26;token=8b92dcfb-97c4-457f-b42f-dd933196b1df" alt=""><figcaption></figcaption></figure></div>

<div><figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-65868af3ac0911a1ad9fa9de4e810e50ddb1b7ae%2Ffilters.svg?alt=media" alt=""><figcaption></figcaption></figure> <figure><img src="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-b009bfeaf75d79b1e4d9c933dd2fb186feeab33c%2Fapp-icons.svg?alt=media&#x26;token=1e6cacfe-e87c-415d-8f28-1cd225959477" alt=""><figcaption></figcaption></figure></div>