a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
APACHE-2.0 License
Bot releases are hidden (Show)
Published by jcfilben over 1 year ago
General:
autoFocus
attribute causes TypeError. (#6577)onBlur
validation was running prematurely on components with drops. (#6566)reduce: true
in valueKey
. (#6557)TypeScript:
onSearch
argument to use object type. (#6582)Beta:
Published by britt6612 almost 2 years ago
General:
kind
prop to Form. (#6529)useForwardedRef
that was causing an unnecessary re-render. (#6564)Typescript:
Beta:
This release includes some new components that are in Beta mode. These components are not yet documented as we are anticipating that we will be making adjustments to them. We reserve the right to change the API structure without following semantic versioning rules. Feel free to test out the components and provide any feedback through GitHub tickets or Slack.
New Beta components: Cards, Data, DataFilter, DataFilters, DataSearch, DataSort, DataSummary, Toolbar. (#6343)
Published by jcfilben almost 2 years ago
General:
themeMode
prop. (#6397)alignSelf
prop. (#6413)maxSize
calculation. (#6427)ref
. (#6416)itemKey
being a function when ordering in List. (#6478)containerTarget
. (#6457)border=‘between’
and gap
size in pixels on Box. (#6490)containerTarget
. (#6450)paginate
. (#6501)Calendar:
onBlur
validation. (#6436)DateInput:
Notification:
Typescript:
zIndex
theme property of Drop. (#6472)rowDetails
in DataTable. (#6486)dropProps
. (#6431)onChange
prop. (#6418)dropProps
in various components. (#6463)Published by jcfilben about 2 years ago
General:
global.font.variant
to theme. (#6327)a11yTitle
prop to Avatar. (#6353)message
prop. (#6320)theme.checkBox.hover
. (#6355)theme.dateInput.container.round
to control rounding. (#6385)icon
. (#6263)valueKey
is not specified. (#6392)SelectMultiple:
options
. (#6359)List:
action
and onOrder
are defined. (#6350)onOrder
dragging behavior bug. (#6386)TypeScript:
groupBy
keys to optional. (#6400)Published by jcfilben about 2 years ago
General:
global.backgrounds
to the theme allowing theme-defined backgrounds. (#6310)defaultValue
prop to CheckBoxGroup. (#6331)pinned
prop to List allowing list items to be pinned in place when reordering. (#6249)Select:
Published by jcfilben about 2 years ago
Published by jcfilben about 2 years ago
General:
formField.checkBox.pad
as a theme option to add pad
to CheckBox when wrapped in FormField. (#6300)weight
prop to Heading. (#6294)size
to PageHeader. (#6279)menu.item
prop for Menu theme. (#6241)size
on different screen sizes. (#6277)circle
Meter angle calculation for larger values. (#6293)Button:
icon
for kind in theme. (#6297)DataTable:
border
in DataTable. (#6253)sort
when some attributes are null
. (#6282)sort
icon to update on re-render. (#6307)Select:
options
are set to objects and no labelKey
or valueKey
is provided. (#6299)options
were not being loaded when clear={true}
. (#6285)9/15 Note:
An issue with this release has been identified. Passing a null value to Select causes an error. In previous versions, passing a null value was accepted. A fix for this has been merged and will be available in the next release which is planned for next week (if needed sooner consider using the stable branch or an older version of Grommet).
Published by britt6612 about 2 years ago
General:
aria-label
to be directly on input. (#6215)onLoad
. (#6217)debounce
function to not execute if the FormField is unmounted. (#6226)Typescript:
theme.focus.shadow
. (#6234)items
. (#6237)DataChart:
detail
pad. (#6206)FileInput:
Published by jcfilben over 2 years ago
General:
items
to allow for grouped items (#6162).event.target.files
in onRemove (#6136).reverse
to DateInput to allow control of icon placement (#6160).accordion.hover.background
to theme (#6177).maxLines
prop to Paragraph (#6207).detail
and legend
(#6173).mask
does not match (#6174).as
to accept elementType (#6172).Published by taysea over 2 years ago
General:
combobox
and listbox
ARIA roles. #6079
anchor.gap
. #6114
onMouseEnter
, onMouseLeave
onFocus
and onBlur
functions from its child. #6101
table-layout
to fixed
by default. #6108
onClickOutside
so that click location is properly registered in shadow DOM. #6120
onChange
type for FileInput. #6145
List:
Select:
Published by jcfilben over 2 years ago
General:
a11yTitle
or aria-label for List. (#6048)a11yTitle
in dropProps
for Menu. (#6033)sticky
prop to Header. (#6024)toggle={true}
. (#6074)as
prop on Box to accept any React element. (#6038)DataChart:
offset
gap. (#6041)DataTable:
onClickRow
and onSelect
. (#6084)verticalAlign
prop. (#6076)disabled
prop. (#6070)sortable
icon to appear after the column
units. (#6063)Select:
clear
button filling vertically on Firefox. (#6095)search
to handle fast typing. (#6030)clear
button to only show when Select has a value. (#6042)Video:
Published by jcfilben over 2 years ago
General:
radioButton.check.color
. (#6014)height
using an object. (#5996)children
. (#5969)border
prop. (#5774)restrictToOptions
to mask object in MaskedInput to restrict continued invalid typing. (#5894)DateInput:
Select:
name
prop in Select component when using valueLabel
. (#6031)valueLabel
in Select to accept a function. (#6020)labelKey
is a function. (#6020)Notification:
onClose
. (#5975)onClick
, href
, truncation, and directional layout of title/message. (#5958)global
prop. (#5958)toast
Notification when viewed on a small screen. (#6008)DataChart:
Published by jcfilben over 2 years ago
General:
itemKey
prop to List to allow users to specify a key for list items. (#5872)size
prop to Tag. (#5914)button.gap
in the theme. (#5906)options.wrapper
so it is not overridden as a Fragment. (#5946)onClick
prop in Tab. (#5937)DataChart:
offset
prop. (#5941)DateInput:
icon
prop. (#5911)inputProps
. (#5911)Notification:
toast
prop to allow a position object to be passed in. (#5926)toast
prop to allow setting autoClose. (#5730)Select:
Published by jcfilben over 2 years ago
Published by britt6612 almost 3 years ago
General:
as
prop type. (#5823)icon
size. (#5856)Calendar:
messages
prop. (#5836)Published by taysea almost 3 years ago
onSelect
bug.Published by taysea almost 3 years ago
General:
onUpdate
. (#5716)dropProps
when truncate=”tip”
. (#5637)weight
propTypes. (#5484)theme.card.hover.container.elevation
to Card. (#5736)a11yTitle
Typescript support on MaskedInput. (#5751)color
prop to override theme. (#5631)volumeDown
Typescript definition. (#5760)Button:
hasLabel
and hasIcon
prop to Button. (#5628)CheckBox:
theme.checkBox.label.align
to apply only when label is string. (#5800)disabled
. (#5658)DateInput:
size
to TypeScript definitions. (#5687)value
bug. (#5632)FileInput:
confirmRemove
prop. (#5711)maxSize
conversion factor. (#5775)FormField:
RangeInput:
theme.rangeInput.pad
. (#5666)disabled
prop. (#5660)Published by halocline about 3 years ago
General:
gap
prop to Anchor. (#5541)defaultItemProps
prop to List to allow styling of list item layouts. (#5573)color
prop to RangeInput allowing track color to be specified. (#5275)weight
values supported by Text. (#5606)onMore
callback. (#5636)radioButton.check.background.color
to accept symbolic colors. (#5621)rowSpan
so that it is applied to the proper DOM element. (#5489)placeholder
value not clearing when value is a JSX.Element. (#5571)Button:
justify
prop to Button. (#5591)rel
on Button. (#5582)Calendar:
Carousel:
DateInput:
messages
prop to DateInput to allow for accessibility announcements to be read by screen readers. (#5471)className
on DateInput. (#5561)DataTable:
defaultProps
on DataTable. (#5572)onSelect
. (#5547)FileInput:
maxSize
prop to FileInput to limit allowed file size. (#5457)Markdown:
ref
s. (#5587)onClick
. (#5614)Meter:
size=”full”
bug. (#5597)semicircle
type on Meter. (#5601)Select:
onBlur
and onFocus
on Select. (#5590)className
on Select. (#5561)Published by britt6612 about 3 years ago
General:
doc.js
files have been deprecated. Documentation pull requests can now be submitted to the Grommet-Site repository. #5513type=”semicircle”
. #5463emptySearchMessage
to accept JSX elements. #5525kind
. #5529options
. #5534disabled
inputs from validation results. #5530Accessibility:
role=”slider”
. #5533DateInput:
” ”
or [ ]
. #5517Layer:
extend
for ThemeType layer.container.extend
. #5520Published by halocline about 3 years ago
General:
animation
prop to Diagram. #5267onChange
to FileInput. #5028textAlign=“justify”
to Heading. #5374aria-label
in all components where a11yTitle
is accepted. #5444align
and alignContent
to support any valid CSS align-items
and align-content
strings. #5037size
to accept additional t-shirt sizes. #5405size
to accept additional t-shirt sizes. #5405size
to accept additional t-shirt sizes. #5405Box:
align
and alignContent
to support any valid CSS align-items
and align-content
strings. #5037Calendar:
DataTable:
groupBy
to leverage InfiniteScroll. #5452DateInput:
size
prop to DateInput. #5405value
properly when implemented as a controlled component. #5330FormField:
error.border.color
. #5252value
. #5349Grommet:
messages
prop to Grommet. #5356Paragraph:
textAlign=“justify”
to Paragraph. #5374size
to accept a custom pixel value. #5465Text:
tip
and smart aria-label default to Text. #5138truncate=“tip”
to display the entirety of truncated text within a Tip.textAlign=“justify”
to Text. #5374