a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
General:
readOnlyCopy
button in DateInput and TextInput. (#7168)summary
on Pagination was out of sync with active page. (#7169)General:
rangeInput.wheel
to theme to allow for opting out of the scroll wheel behavior on RangeInput. (#7130)summary
and stepOptions
to Pagination. (#7133)validate
prop in FormField to allow easier implementation of a character counter by passing an object with max
and threshold
to the validate
prop (#6550)gap
to accept an object with row
and column
. (#7147)readOnly
styling through the theme property global.input.readOnly
. (#7123)readOnlyCopy
boolean prop to TextInput and DateInput to support a copy to clipboard button within a readOnly
input. (#7123)icon
contains extra space. (#6534)dropHeight
of SelectMultiple in DataFilter. (#7157)List:
list.primaryKey
to theme to enable primaryKey
styling. (#7136)onOrder
button via keyboard. (#7144)onOrder
. (#7140)NEW Data components for turn-key implementations of complex filtering, searching, and sorting of data collections.
The following components have now been move out of “beta” and are available for production use:
General:
label
leaking as attribute in Checkbox. (#7101)SelectMultiple:
onSearch
. (#7079)StarRating:
General:
onClick
prop. (#7018)search
in Select. (#6901)Beta:
aria-label
for DataFilter inputs. (#7038)step
. (https://github.com/grommet/grommet/pull/6942)message
to better support plural and singular grammar. (#7022)layer
when presented using Data toolbar
prop to align with design best practices. (#7057)This is a pre-release
This release is compatible with both styled components v5 and v6. Please note that if you are upgrading to styled components v6 there are various changes to be aware of. Refer to the styled components migration guide: https://styled-components.com/docs/faqs#what-do-i-need-to-do-to-migrate-to-v6.
One major difference in styled-components v6 is the removal of CSS vendor prefixes by default since most CSS styles have broad cross-browser support. If you are using styled-components v6 alongside this pre-release and run into any issues related to vendor prefixes, please file an issue so we can add the necessary vendor prefix to the appropriate Grommet component. Alternately, if you’d like to enable vendor prefixes for your project, you can do so following the steps provided in the styled components migration guide.
General:
radiobutton.check.background.color
to RadioButton. (#5243)level
prop to PageHeader. (#6952)tag.icon.remove
to Tag to allow the remove icon to be provided from the theme. (#6960)allowSelectAll
prop to DataTable to have the option to not have the select all CheckBox in the header cell. (#6843)Typescript:
General:
Beta:
General:
direction
prop to DataChart to support displaying charts horizontally. (#6799)menu.item.align
property to the theme. (#6835)primaryKey
behavior to align behavior for undefined and null. (#6865)valueLabel
when value={0}
. (#6833)align.bottom = 'top'
. (#6844)Beta:
data
is empty. (#6866)