A collection of React components, transcribed from https://vercel.com/design.
Bot releases are hidden (Show)
Published by thiskevinwang 12 months ago
Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v5.1.1...v5.2.0
Published by thiskevinwang about 1 year ago
Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v5.1.0...v5.1.1
Published by thiskevinwang about 1 year ago
Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v5.0.1...v5.1.0
Published by thiskevinwang about 1 year ago
Published by thiskevinwang about 1 year ago
[!WARNING]
This introduces a breaking change to theBadge
component API
Thetype
prop is removed,variant
prop has changed, and thesize
prop expects"sm" | "md" | "lg"
- core(Badge): updated variants by @dtsuper3 in https://github.com/nextjs-components/nextjs-components/pull/170
- core(Badge): API updates by @thiskevinwang in https://github.com/nextjs-components/nextjs-components/pull/202
Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v4.1.2...v5.0.0
Published by thiskevinwang about 1 year ago
Published by thiskevinwang about 1 year ago
Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v4.1.0...v4.1.1
Published by thiskevinwang about 1 year ago
New Pill
component
Refactored Button
and MenuButton
document.activeElement.blur()
use client
directive to iconsFull Changelog: https://github.com/nextjs-components/nextjs-components/compare/v4.0.0...v4.1.0
Published by thiskevinwang about 1 year ago
[!WARNING]
This introduces a breaking change to theSwitch
API, and a newSwitch.Control
component.
const MyComponent = () => {
const [active, setActive] = React.useState('source')
return (
<Switch
- items={[
- {
- name: 'Source',
- value: 'source',
- width: 80
- },
- {
- name: 'Output',
- value: 'output',
- width: 90,
- }
- ]}
- active={active}
- onChange={v => setActive(v)}
- />
+ >
+ <Switch.Control label="Source" defaultChecked value="source" onChange={e => setActive(e.target.value)}/>
+ <Switch.Control label="Output" value="output" onChange={e => setActive(e.target.value)}/>
+ </Switch>
)
}
[!IMPORTANT]
This makesStack
renderable as React Server Components since it no longer usesstyled-jsx
internally
Switch.Control
; Stack
to RSC by @thiskevinwang in https://github.com/nextjs-components/nextjs-components/pull/193
Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v3.1.0...v4.0.0
Published by thiskevinwang about 1 year ago
Footer
by @thiskevinwang in https://github.com/nextjs-components/nextjs-components/pull/191
Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v3.0.1...v3.1.0
Published by thiskevinwang over 1 year ago
patch
update (style fix) to Note
component
Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v3.0.0...v3.0.1
Published by thiskevinwang over 1 year ago
This is a major
version (breaking) change to the Note
component's API
This is a patch
(style-only) change to the Button
component
Note
by @thiskevinwang in https://github.com/nextjs-components/nextjs-components/pull/186
Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v2.12.2...v3.0.0
Published by thiskevinwang over 1 year ago
true
to boolean
by @thiskevinwang in https://github.com/nextjs-components/nextjs-components/pull/182
use-client
by @thiskevinwang in https://github.com/nextjs-components/nextjs-components/pull/183
Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v2.12.1...v2.12.2
Published by thiskevinwang over 1 year ago
type
prop by @thiskevinwang in https://github.com/nextjs-components/nextjs-components/pull/180
Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v2.12.0...v2.12.1
Published by thiskevinwang over 1 year ago
Breadcrumbs
by @thiskevinwang in https://github.com/nextjs-components/nextjs-components/pull/178
Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v2.11.0...v2.12.0
Published by thiskevinwang over 1 year ago
Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v2.10.1...v2.11.0
Published by thiskevinwang over 1 year ago
Published by thiskevinwang over 1 year ago
Published by thiskevinwang over 1 year ago
Client components are marked with use client
directive
Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v2.8.3...v2.10.0