nextjs-components

A collection of React components, transcribed from https://vercel.com/design.

Downloads
636
Stars
161
Committers
6

Bot releases are visible (Hide)

nextjs-components - Latest Release

Published by thiskevinwang 5 months ago

nextjs-components - v5.2.0

Published by thiskevinwang 12 months ago

nextjs-components - v5.1.1 - fix(Switch.Control) a11y

Published by thiskevinwang about 1 year ago

nextjs-components - v5.1.0 Update Note; Fix Button

Published by thiskevinwang about 1 year ago

What's Changed

Other Changes

Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v5.0.1...v5.1.0

nextjs-components - v5.0.1

Published by thiskevinwang about 1 year ago

nextjs-components - v5.0.0 - Badge updates

Published by thiskevinwang about 1 year ago

What's Changed

[!WARNING]
This introduces a breaking change to the Badge component API
The type prop is removed, variant prop has changed, and the size prop expects "sm" | "md" | "lg"

New Contributors

Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v4.1.2...v5.0.0

nextjs-components - v4.1.2

Published by thiskevinwang about 1 year ago

nextjs-components - v4.1.1

Published by thiskevinwang about 1 year ago

nextjs-components - v4.1.0

Published by thiskevinwang about 1 year ago

What's Changed

New Pill component
Refactored Button and MenuButton

  • mouse interaction doesn't focus the button anymore; achieved via document.activeElement.blur()
    Addressed some RSC issues;
  • added use client directive to icons

Other Changes

Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v4.0.0...v4.1.0

nextjs-components - v4.0.0

Published by thiskevinwang about 1 year ago

What's Changed

[!WARNING]
This introduces a breaking change to the Switch API, and a new Switch.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 makes Stack renderable as React Server Components since it no longer uses styled-jsx internally

Other Changes

Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v3.1.0...v4.0.0

nextjs-components - v3.1.0

Published by thiskevinwang about 1 year ago

nextjs-components - v3.0.1

Published by thiskevinwang over 1 year ago

What's Changed

patch update (style fix) to Note component

Other Changes

Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v3.0.0...v3.0.1

nextjs-components - v3.0.0

Published by thiskevinwang over 1 year ago

What's Changed

This is a major version (breaking) change to the Note component's API
This is a patch (style-only) change to the Button component

Other Changes

Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v2.12.2...v3.0.0

nextjs-components - v2.12.2

Published by thiskevinwang over 1 year ago

What's Changed

Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v2.12.1...v2.12.2

nextjs-components - v2.12.1

Published by thiskevinwang over 1 year ago

What's Changed

Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v2.12.0...v2.12.1

nextjs-components - v2.12.0 (Breadcrumbs)

Published by thiskevinwang over 1 year ago

nextjs-components - v2.11.0 (Calendar)

Published by thiskevinwang over 1 year ago

nextjs-components - v2.11.0-rc.1 (Calendar)

Published by thiskevinwang over 1 year ago

nextjs-components - v2.10.1

Published by thiskevinwang over 1 year ago

nextjs-components - v2.10.0

Published by thiskevinwang over 1 year ago

What's Changed

Client components are marked with use client directive

Other Changes

Full Changelog: https://github.com/nextjs-components/nextjs-components/compare/v2.8.3...v2.10.0