search

krvikash35 / react-ui-component

Themeable component with sensible animation
MIT License
0 stars 0 forks source link

Button #4

Open krvikash35 opened 4 years ago

krvikash35 commented 4 years ago

state: active, hover, focus, disabled, loading, selected, pressed colorScheme: primary, secondary, default/surface/background, error, success, warning shape: circle, square size: small, medium, large variant: outline, fill, dash, dot, flat/nude/default

motion: ripple on tap and press accessibility: aria-label box-shadow: not necessary unless need attention for being on different surface layer

krvikash35 commented 4 years ago

Various Links

material ui source material ui doc antd doc antd source Atlassain doc Atlassian Icon doc Material design IconButton component Meterial design button doc Button component Button ripple effect

krvikash35 commented 4 years ago

state background and foreground color

foucs: outline or/and boxshadow with primary color hover: background change with primary or shade of background color, sometime text color can also change. active: change background and text with (primaryBG and textColor) or (primaryShadeBG and primaryTextColor) disabled: press: