Button 按钮(button按钮禁用)

  本篇文章为你整理了Button 按钮(button按钮禁用)的详细内容,包含有button按钮里面代码如何写 button按钮禁用 button按钮的大小设置 button按钮onclick触发 Button 按钮,希望能帮助你了解 Button 按钮。

   跳转到内容指南组件资源Menu Back to top 赞助商

  Basic 基础组件

  Button 按钮

  Border 边框

  Color 色彩

  Container 布局容器

  Icon 图标

  Layout 布局

  Link 链接

  Text 文本

  Scrollbar 滚动条

  Space 间距

  Typography 排版

  配置组件

  Config Provider 全局配置

  Form 表单组件

  Autocomplete 自动补全输入框

  Cascader 级联选择器

  Checkbox 多选框

  Color Picker 取色器

  Date Picker 日期选择器

  DateTime Picker 日期时间选择器

  Form 表单

  Input 输入框

  Input Number 数字输入框

  Radio 单选框

  Rate 评分

  Select 选择器

  Virtualized Select 虚拟化选择器

  Slider 滑块

  Switch 开关

  Time Picker 时间选择器

  Time Select 时间选择

  Transfer 穿梭框

  Upload 上传

  Data 数据展示

  Avatar 头像

  Badge 徽章

  Calendar 日历

  Card 卡片

  Carousel 走马灯

  Collapse 折叠面板

  Descriptions 描述列表

  Empty 空状态

  Image 图片

  Infinite Scroll 无限滚动

  Pagination 分页

  Progress 进度条

  Result 结果

  Skeleton 骨架屏

  Table 表格

  Virtualized Table 虚拟化表格

  2.2.0Tag 标签

  Timeline 时间线

  Tree 树形控件

  TreeSelect 树形选择

  2.1.8Virtualized Tree 虚拟化树形控件

  Statistic 统计组件

  2.2.30Navigation 导航

  Affix 固钉

  Backtop 回到顶部

  Breadcrumb 面包屑

  Dropdown 下拉菜单

  Menu 菜单

  Page Header 页头

  Steps 步骤条

  Tabs 标签页

  Feedback 反馈组件

  Alert 提示

  Dialog 对话框

  Drawer 抽屉

  Loading 加载

  Message 消息提示

  Message Box 消息弹出框

  Notification 通知

  Popconfirm 气泡确认框

  Popover 弹出框

  Tooltip 文字提示

  Others 其他

  Divider 分割线

  Button 按钮 #常用的操作按钮。

  基础用法 #禁用状态 #你可以使用 disabled 属性来定义按钮是否被禁用。

  链接按钮 #WARNING

  type= text 已被 废弃,将于版本3.0.0 时 移除,请考虑切换至新的 API。

  新的 API link 于2.2.1 版本添加,同时可以使用 type API 设置链接按钮的主题样式。

  文字按钮 #TIP

  文字按钮在现在有了全新的设计样式。 2.2.0 如果您想要使用老版样式的按钮,可以考虑使用 Link 组件。

  API也已更新,由于 type 属性会同时控制按钮的样式, 因此我们通过一个新的 API text: boolean 来控制文字按钮。

  没有边框和背景色的按钮。

  图标按钮 #使用图标为按钮添加更多的含义。 你也可以单独使用图标不添加文字来节省显示区域占用。

  按钮组 #以按钮组的方式出现,常用于多项类似操作。

  加载状态按钮 #点击按钮来加载数据,并向用户反馈加载状态。

  通过设置 loading 属性为 true 来显示加载中状态。

  TIP

  您可以使用 loading 插槽或 loadingIcon属性自定义您的loading图标

  ps: loading 插槽优先级高于loadingIcon属性

  调整尺寸 #除了默认的大小,按钮组件还提供了几种额外的尺寸可供选择,以便适配不同的场景。

  自定义颜色beta #您可以自定义按钮颜色。

  我们将自动计算 hover 和 active 颜色。

  Button API #Button Attributes #属性名说明类型默认值size尺寸enum—type类型enum—plain是否为朴素按钮booleanfalsetext2.2.0是否为文字按钮booleanfalsebg2.2.0是否显示文字按钮背景颜色booleanfalselink 2.2.1是否为链接按钮booleanfalseround是否为圆角按钮booleanfalsecircle是否为圆形按钮booleanfalseloading是否为加载中状态booleanfalseloading-icon自定义加载中状态图标组件string / ComponentLoadingdisabled按钮是否为禁用状态booleanfalseicon图标组件string / Component—autofocus原生 autofocus 属性booleanfalsenative-type原生 type 属性enumbuttonauto-insert-space自动在两个中文字符之间插入空格boolean—color自定义按钮颜色, 并自动计算 hover 和 active 触发后的颜色string—darkdark 模式, 意味着自动设置 color 为 dark 模式的颜色booleanfalseButton Slots #插槽名说明default自定义默认内容loading自定义加载中组件icon自定义图标组件Button Exposes #属性名说明类型ref按钮 html 元素objectsize按钮尺寸objecttype按钮类型objectdisabled按钮已禁用objectshouldAddSpace是否在两个字符之间插入空格objectButtonGroup API #ButtonGroup Attributes #插槽名说明类型默认值size用于控制该按钮组内按钮的大小enum—type用于控制该按钮组内按钮的类型enum—ButtonGroup Slots #插槽名说明子标签default自定义按钮组内容Button源代码 #组件 • 文档

  贡献者 # 云游君 三咲智子 Jeremy Xc zz msidolphin C.Y.Kun qiang Delyan Haralanov btea 神楽坂みずき Aex 啝裳 Ryan2128 류한경 0song Herrington Darkholme Alan Wang blackie iamkun Vincent Guo Map1en_ on the field of hope Hades-li 愧怍 muhammadcahya 刘小灰在 Crowdin 上编辑此页面 Border 边框Contents基础用法禁用状态链接按钮文字按钮图标按钮按钮组加载状态按钮调整尺寸自定义颜色Button APIButton AttributesButton SlotsButton ExposesButtonGroup APIButtonGroup AttributesButtonGroup Slots源代码贡献者赞助商

  成为赞助商!Your logo链接GitHub国内镜像站点

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: