<commit_before>---
title:  "Material Components Documentation"
layout: landing
section: components
---

# Component Documentation

Material Components is a collection of standalone, production-quality user
interface components for iOS. These components implement Google's
[Material Design](http://www.google.com/design/spec/material-design/introduction.html) specification
and are developed by a team of iOS engineers and UX designers at Google.


- [Development Guide]({{ site.folder }}/howto/)
  <!--{: .icon-guide }-->

- [Code Samples]({{ site.folder }}/howto/tutorial/#sample-code)
  <!--{: .icon-sample }-->

- [Stack Overflow "material-components-ios"](http://stackoverflow.com/questions/tagged/material-components-ios)
  <!--{: .icon-stackoverflow }-->

- [Github](https://github.com/google/material-components-ios/)
  <!--{: .icon-github }-->
<!--{: .icon-list }-->

- - -

<a name="components"></a>
<!--{: .jumplink }-->

## Components

- [**AppBar**
  A flexible navigation bar, designed to provide a typical Material Design navigation experience.
  ](AppBar/)
  <!--{: .icon-appbar }-->

- [**ButtonBar**
  A view that facilitates the creation and layout of a horizontally-aligned list of buttons.
  ](ButtonBar/)
  <!--{: .icon-buttonbar }--><commit_msg>Rearranged icons at top of Components README to have the GitHub one first.<commit_after>---
title:  "Material Components Documentation"
layout: landing
section: components
---

# Component Documentation

Material Components is a collection of standalone, production-quality user
interface components for iOS. These components implement Google's
[Material Design](http://www.google.com/design/spec/material-design/introduction.html) specification
and are developed by a team of iOS engineers and UX designers at Google.


- [Github](https://github.com/google/material-components-ios/)
  <!--{: .icon-github }-->

- [Development Guide]({{ site.folder }}/howto/)
  <!--{: .icon-guide }-->

- [Code Samples]({{ site.folder }}/howto/tutorial/#sample-code)
  <!--{: .icon-sample }-->

- [Stack Overflow "material-components-ios"](http://stackoverflow.com/questions/tagged/material-components-ios)
  <!--{: .icon-stackoverflow }-->

<!--{: .icon-list }-->

- - -

<a name="components"></a>
<!--{: .jumplink }-->

## Components

- [**AppBar**
  A flexible navigation bar, designed to provide a typical Material Design navigation experience.
  ](AppBar/)
  <!--{: .icon-appbar }-->

- [**ButtonBar**
  A view that facilitates the creation and layout of a horizontally-aligned list of buttons.
  ](ButtonBar/)
  <!--{: .icon-buttonbar }-->
{'fraction_non_alphanumeric': 0.17449922958397535, 'fraction_numerical': 0.0, 'mean_word_length': 3.7477148080438756, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 23, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6159508', 'n_tokens_mistral': 805, 'n_tokens_neox': 755, 'n_words': 210}