用74l138实现一个一位全减器_用react实现一个仿ionic button组件

About

a sweet button component of react

技术栈

react + sass + classnames + webpack

Install

npm i react-sweet-button -S

Usage

import { SweetButton, DimensionButton } from 'react-sweet-button';

SweetButton

{alert('我是超大按钮')}}>

xlarge

large

medium

small

xsmall

block button

DimensionButton

{alert('我是超大按钮')}}>

xlarge

large

medium

small

xsmall

效果预览

API

通过设置 Button 的属性来产生不同的按钮样式，推荐顺序为：type -> size -> outline(仅适用于SweetButton) ->block(仅适用于SweetButton)

按钮的属性说明如下：

type: 设置按钮类型，可选值为 light primary secondary danger dark或者不设默认值为 primary
size: 设置按钮大小，可选值为 xlarge large medium small xsmall或者不设默认值large
outline: 设置按钮样式(仅带边框按钮)
block: 设置按钮样式(block button)

作者：全栈弄潮儿

链接：https://www.jianshu.com/p/a80955e0876a

来源：简书

简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

用74l138实现一个一位全减器_用react实现一个仿ionic button组件相关推荐

用74l138实现一个一位全减器_用pygame实现一个简单的五子棋游戏
准备 python基础相关准备: pygame的基础知识,参考目光博客的"用Python和Pygame写游戏-从入门到精通" 安装python 3.8.0 在python官网下载, ...
react待办事项_使用React创建一个简单的待办应用
react待办事项 You could be wondering what is so special about React; What we will do is pick up from a p ...
随机生成一个6位字符串_《演员3》6位演员的瓜一个比一个猛：泼妇门、撕老婆、被索赔...
<演员请就位2>刚收官,<我就是演员3>就登场了,一开播就有多个话题引起热烈讨论.<演员3>33位参赛演员中,很多都是混迹娱乐圈多年的明星,他们有的曾情感上经历过最 ...
一个好的设计师_是什么让一个好的设计师
一个好的设计师重点 (Top highlight) The design manager role has grown considerably over the past five years. ...
第一章第一个c#程序上机_我从第一个＃100DaysOfCode中学到的东西
第一章第一个c#程序上机 On May 17th, I completed my first round of #100DaysOfCode. In case you haven't heard, # ...
python可视化窗口制作一个摇骰子游戏_使用python制作一个抽奖小游戏——骰子游戏...
1.模拟真实环境掷骰子从Python标准库中调用模块:random--random中包含以各种方式生成随机数的函数从random中引用randint这一函数--骰子都是有固定面数 from ran ...
一个div 上下两行_用 Python 撸一个 Web 服务器第4章：动态渲染数据
上一章中为了尽快让 Todo List 程序跑起来,并没有完全按照 MVC 模式编写程序.这一章就让我们一起实现一个完整的 MVC 模式 Todo List 程序首页. 使用模型操作数据我们来分析下 ...
python如何初始化一个二维数组_使用Python实现一个简单的商品期货布林指标突破策略...
布林指标突破策略,思路非常简单.使用Python语言编写该策略,也非常容易实现,加上回测配置信息,有70行代码,实际可以更加精简,鉴于教学策略,没有使用难懂的Python语法,使用的是比较基础的语句. ...
用python写一个简单的爬虫_用Python编写一个简单的爬虫
作者信息: Author : 黄志成(小黄) 博客地址: 博客呐,这是一篇福利教程.为什么这么说呢.我们要爬取的内容是美图网站(嘿嘿,老司机都懂的) 废话不多说.开始今天的表演. 这个图集网站不要问 ...
react做h5 例子_使用React写一个网站的心得体会
网站是毕业设计的作品,开发这个网站的目的主要用于记录一些笔记,以及聚合一些资讯信息,也算自己在网络世界中的一块静地吧,可以在这里一些技术上想法的实践. 网站最初前端使用vue开发,在前段时间由于项目的 ...

用74l138实现一个一位全减器_用react实现一个仿ionic button组件

用74l138实现一个一位全减器_用react实现一个仿ionic button组件相关推荐

最新文章

热门文章