A pack of extensions for grommet 2
created:4/30/2021
updated:4/30/2021
loc
16
comments
19%
passed
1
failed
1
coverage
100%

IconButton

avatar of atanasster
grommet-controls
3.0.1

A Button with a hover effect, all properties of Button apply.

import { IconButton } from 'grommet-controls';

Main

Name
Description
Default
Controls
ButtonProps(1 properties)
icon
Element
-
DOMAttributes(1 properties)
Name
Description
Default
ButtonProps(23 properties)
a11yTitle
string
-
alignSelf
startcenterendstretch
-
gridArea
string
-
margin
EdgeType
-
active
boolean
-
color
ColorType
-
disabled
boolean
-
fill
FillType
-
focusIndicator
boolean
-
gap
string
-
hoverIndicator
string | boolean | { color?: ColorType; dark?: string | boolean; image?: string; position?: string; opacity?: number | boolean | "medium" | "strong" | "weak"; repeat?: string; size?: string; light?: string; }
-
href
string
-
target
string
-
icon
Element
-
label
ReactNode
-
plain
boolean
-
primary
boolean
-
reverse
boolean
-
secondary
boolean
-
size
smallmediumlarge
-
tip
stringTipProps
-
type
buttonresetsubmit
-
as
PolymorphicType
-
Attributes(1 properties)
ButtonHTMLAttributes(9 properties)
HTMLAttributes(43 properties)
AriaAttributes(48 properties)
DOMAttributes(161 properties)

Commits

Date
Author
Commit Message
8/31/2020

atanasster

avatar of atanasster
update stories titles and navigation
8/30/2020

atanasster

avatar of atanasster
update eslint and add component-controls
11/29/2019

atanasster

avatar of atanasster
upgrade storyboook and stories
10/22/2019

atanasster

avatar of atanasster
update for new grommet version
8/27/2019

atanasster

avatar of atanasster
initial commit 2.x alpha
5 commits
package
imports
peer
grommet
^2.15.0
ButtonProps
*
react
^17.0.1
React
*
file
imports
"../../utils"
Omit
"./StyledIconButton"
StyledIconButton