@uxe/ui

STUDS is a modern React component library designed for building clean, accessible, and consistent user interfaces.

Installation

npm install @uxe/ui
# or
yarn add @uxe/ui
# or
pnpm add @uxe/ui

Usage

import { StudsButton } from '@uxe/ui/button'
import { StudsInput } from '@uxe/ui/input'
import '@uxe/ui/styles'

function App() {
  return (
    <div>
      <StudsInput placeholder="Enter text..." />
      <StudsButton>Click me</StudsButton>
    </div>
  )
}

Components

The library includes the following components:

• StudsAccordion - Collapsible content sections
• StudsBadge - Status indicators and counters
• StudsButton - Interactive button elements
• StudsCheckbox - Form checkbox inputs
• StudsDialog - Modal dialogs and popovers
• StudsIcon - Icon components using react-icons
• StudsInput - Text input fields
• StudsSelect - Dropdown select menus

License

MIT