@guillaumepiot/next-ui-components

A collection of reusable UI components for Next.js applications.

Installation

npm install @guillaumepiot/next-ui-components
# or
yarn add @guillaumepiot/next-ui-components
# or
pnpm add @guillaumepiot/next-ui-components

Usage

import { Button, Input, Alert } from '@guillaumepiot/next-ui-components';

export default function MyComponent() {
  return (
    <div>
      <Alert type="info">This is an info message</Alert>
      <Input placeholder="Enter your name" />
      <Button>Click me</Button>
    </div>
  );
}

Available Components

• Alert
• Avatar
• Badge
• Button
• Checkbox
• DescriptionList
• Dialog
• Divider
• Dropdown
• Fieldset
• Form
• Heading
• Input
• Link
• Loader
• Listbox
• Message
• MultipleSelect
• Navbar
• Pagination
• Radio
• RadioButton
• Select
• Sidebar
• SidebarLayout
• StackedLayout
• Switch
• Table
• Tabs
• Text
• Textarea
• ThemeSelector

Requirements

• React 18 or higher
• Next.js 13 or higher

License

MIT