is="checkbox"
option has been removed from ActionList.ActionsA new component, Badge
, has been added to visually identify numeric values
import { Badge } from '@sparkpost/matchbox';
<Badge>+100</Badge>;
A new component, Table.SortButton
, has been added for sortable table headers.
import { Table } from '@sparkpost/matchbox';
<Table>
<thead>
<Table.Row header>
<Table.HeaderCell>
<Table.SortButton direction="asc">Heading 1</Table.SortButton>
</Table.HeaderCell>
<Table.HeaderCell>
<Table.SortButton direction="desc">Heading 2</Table.SortButton>
</Table.HeaderCell>
<Table.HeaderCell>
<Table.SortButton>Heading 3</Table.SortButton>
</Table.HeaderCell>
</Table.Row>
</thead>
</Table>;
A new component, TimelineTabs
, has been added to represent events in chronological order.
import { TimelineTabs } from '@sparkpost/matchbox';
<TimelineTabs>
<TimelineTabs.Tab>
<Tag>Tab 1</Tag>
</TimelineTabs.Tab>
<TimelineTabs.Tab>
<Tag>Tab 2</Tag>
</TimelineTabs.Tab>
</TimelineTabs>;
labelHidden
is now supported by Select
Tabs
now support component wrappers via as
font-size-50
appearance
prop has been added to the LabelValue
component to invert font color, and accepts either inverted
or default
.appearance
prop has been added to the Panel
component to invert background and font color, and accepts either inverted
or default
.Drawer
now accepts any children, not just Drawer
componentsModal
now accepts any children, not just Modal
componentsTable
componentsTabs
focus state has been improved and now makes use of focus-visible
with a fallback