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

Value

grommet-controls
3.0.1

A single value visualization with a label.

import { Value } from 'grommet-controls';

Main

30%
last quarter sales

Name
Description
Default
Controls
label

Value label

ReactNode
undefined
color

The value color

ColorType
undefined
value

The value

ReactNode
undefined
weight

Font weight

numbernormalbold
bold
gap

Spacing between the value and the label

string
small
size

Value element size

xsmallsmallmediumlargexlargexxlarge
large
units

'Units' string

string
-

Commits

Date
Author
Commit Message
8/31/2020

atanasster

update stories titles and navigation
8/30/2020

atanasster

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

atanasster

stories cleanup, welcome page.mdx
8/27/2019

atanasster

initial commit 2.x alpha
4 commits

package
imports
peer
grommet
^2.15.0
TextBox
*
react
^17.0.1
React
*

file
imports
"./ValueProps"
IValueProps

Stories

Label

30%
a descriptive label

Value

30%
custom value

Color

30%
status-ok

Weight

30%
normal
30%
bold
30%
400

Size

30%
xsmall
30%
small
30%
medium
30%
large
30%
xlarge
30%
xxlarge