Material 组件组件开发包使用指南

组件组件开发包使用指南

输入框 Input

自动完成 Autocomplete

底部操作表 Bottom Sheet

开关按钮 Button toggle

检查框 Checkbox

日期选择器 Datepicker

对话框 Dialog

分割器 Divider

可展开面板 Expansion Panel

表单字段 Form field

网格列表 Grid list

输入框 Input

分页器 Paginator

进度条 Progress bar

进度圈 Progress spinner

单选按钮 Radio button

选择框 Select

侧边栏 Sidenav

滑块开关 Slide toggle

快餐栏 Snackbar

排序头 Sort header

步进器 Stepper

工具栏 Toolbar

工具提示 Tooltip

概览 API 范例

input 的范例

Input with a clear button

Clearable input

Input with a custom ErrorStateMatcher

Email

Errors appear instantly!

Input with error messages

Email

Inputs in a form

Company (disabled)

First name

Long Last Name That Will Be Truncated

Address

Address 2

City

State

Postal Code

5 / 5

Input with hints

Message

Don't disclose personal info

0 / 256

Basic Inputs

Favorite food

Leave a comment

Inputs with prefixes and suffixes

+1

Telephone

mode_edit

学习 AngularLearn Angular

当前版本：11.0.3Current Version: 11.0.3

Powered by Google ©2010-2020.Code licensed under an MIT-style License.Documentation licensed under CC BY 4.0.

选择文档版本

选择文档的主题

View code

Edit Input with a clear button example in StackBlitz

Edit Input with a custom ErrorStateMatcher example in StackBlitz

Edit Input with error messages example in StackBlitz

Edit Inputs in a form example in StackBlitz

Edit Input with hints example in StackBlitz

Edit Basic Inputs example in StackBlitz

Edit Inputs with prefixes and suffixes example in StackBlitz