Matchbox 4.3.1
2020 September 21st
For a full list of updates, view the release notes on Github.
New Features
ListBox Components
The new ListBox
component is meant to be an alternative to the Select
component.
<ListBox id="listbox-1" defaultValue="option-1" label="Select an option"><ListBox.Option value="option-1">Option 1</ListBox.Option><ListBox.Option value="option-2">Option 2</ListBox.Option><ListBox.Option value="option-3">Option 3</ListBox.Option><ListBox.Option value="option-4">Option 4</ListBox.Option></ListBox>
Panel SubHeader Component
A new composable Panel
component that is meant to be used as a secondary section header.
<Panel><Panel.SubHeader>Subheader</Panel.SubHeader><Panel.Section>Section Content</Panel.Section></Panel>
RadioCard Grid Orientation
A new option to the orientation
prop is now available, which places the group's cards into a two-column grid.
<RadioCard.Group label="Radio Card Group" orientation="grid"><RadioCard id="id1" label="Check Me 1" name="group" defaultChecked>I am help text</RadioCard><RadioCard id="id2" label="Check Me 2" name="group">I am help text</RadioCard><RadioCard id="id3" label="Check Me 3" name="group">I am help text</RadioCard><RadioCard id="id4" label="Check Me 4" name="group">I am help text</RadioCard></RadioCard.Group>
Other Enhancements
- Adds padding system prop to
Modal.Content
- Pagination now automatically limits its range to three pages on smaller screens