Packages

  • components
  • core
  • hooks
  • notify
  • server

@enotion/components

Reusable React components for building user interfaces

  • Ensure you mark your page/component as a Client Component: "use client";
  • To inherit component CSS styles: import "@enotion/components/index.css";

Installation

npm install @enotion/components

Modules

AnimatedModal

Animated modal component for displaying content in a modal dialog with smooth transitions

Button

Customizable button component with variants

Card

Card component for displaying content in a styled container

CodeBlock

Syntax-highlighted code display component

CopyButton

Button component for copying text to clipboard

Input

Styled input component for user text input

LayoutProvider

Context provider for managing layout state and rendering

Link

Styled link component for navigation

Modal

Modal component for displaying content in a dialog

Navbar

Navigation bar component for application headers

Popover

Popover component for displaying contextual information

Provider

Context provider for theme and color palette management

Search

Search component for filtering and displaying data

Select

Dropdown select component for choosing options

Skeleton

Skeleton loading component for indicating loading states

Wrapper

Wrapper component for consistent styling and layout