A pack of extensions for grommet 2
created:7/7/2021
updated:7/7/2021
loc
17
comments
18%
failed
4
coverage
50%

ImageStamp

avatar of atanasster

A small image stamp used for avatars or image thumbnails

Component

import { ImageStamp } from 'grommet-controls';

Main

props => (
<ImageStamp {...props} />
)

Controls

Name
Description
Default
Controls
contain

Adjust width/height if image is not square. By default, the image is cut off square

widthheight
{
  "value": null
}
plain

Whether this is a plain image with no border

boolean
false
round

How much to round the corners of the stamp

mediumlargexsmallsmallfull
-
size

The size of the image stamp

mediumlargexlargexxlarge
medium
src

The image source url

string
-

Commits

Date
Author
Commit Message
8/30/2020

atanasster

avatar of atanasster
update eslint and add component-controls
8/27/2019

atanasster

avatar of atanasster
initial commit 2.x alpha
2 commits

External dependencies

package
imports
peer
react
^17.0.1
React
*

Internal dependencies

file
imports
"./StyledImageStamp"
StyledImageStamp
"./ImageStampProps"
IImageStampProps

Component JSX

<StyledImageStamp
srcsize
/>
StyledImageStamp
from"./StyledImageStamp"

Stories

Size

() => (
<ImageStamp
src="https://s3.amazonaws.com/uifaces/faces/twitter/gojeanyn/128.jpg"
size="medium"
round="full"
/>
)