components

Component Documentation

Material Components for iOS (MDC-iOS) help developers execute Material Design. Developed by a core team of engineers and UX designers at Google, these components enable a reliable development workflow to build beautiful and functional iOS apps.

Material Components for iOS are written in Objective-C and support Swift and Interface Builder.

Components

• ActivityIndicator A circular rotating indicator for showing indeterminate or determinate progress.

• AnimationTiming Animation timing easing curves create smooth and consistent motion.

• AppBar A flexible navigation bar, designed to provide a typical Material navigation experience.

• ButtonBar A view that facilitates the creation and layout of a horizontally-aligned list of buttons.

• Buttons Material buttons, including a flat button, a raised button and a floating action button.

• CollectionCells Collection view cell classes that adhere to Material layout and styling.

• CollectionLayoutAttributes Allows passing layout attributes to the cells and supplementary views.

• Collections Collection view classes that adhere to Material layout and styling.

• Dialogs A presentation controller that will display a Material modal dialog.

• FeatureHighlight Highlights a part of the screen in order to draw users' attention.

• FlexibleHeader A container view whose height and vertical offset react to UIScrollViewDelegate events.

• HeaderStackView A view that coordinates the layout of two vertically-stacked bar views.

• Ink A visual ripple of ink expanding outward from the user’s touch.

• NavigationBar A view composed of a left and right Button Bar and either a title label or a custom title view.

• OverlayWindow A window for managing sets of overlay views.

• PageControl A drop-in Material replacement for UIPageControl.

• Palettes Reference colors from Material palettes.

• ProgressView A determinate and linear progress indicator that implements Material animation and layout.

• ShadowElevations Provides the most commonly used elevations specified in material.

• ShadowLayer A shadow which uses Material principles for visualizing depth.

• Slider A Material control for selecting from a range of values.

• Snackbar A brief dismissible feedback message.

• Tabs A material tab bar for switching between grouped content.

• Typography Text styles for Material fonts and opacities.

---

Useful Links

• How To Use MDC-iOS
• Demo Apps
• Contributing
• MDC-iOS on Stack Overflow (external site)
• Material.io (external site)
• Material Design Guidelines (external site)