A pack of extensions for grommet 2
created:4/21/2021
updated:4/21/2021
source lines:16
comments %:19

IconButton

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

update stories titles and navigation
8/30/2020

atanasster

update eslint and add component-controls
11/29/2019

atanasster

upgrade storyboook and stories
10/22/2019

atanasster

update for new grommet version
8/27/2019

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