Rruma-uiv0.1.0
DocumentationComponentsCLIInstallation
Search components...⌘K

Getting Started

  • Introduction
  • Installation
  • CLI Reference
  • components.json

Components

10
  • ButtonForm
  • BadgeData Display
  • CardData Display
  • TabsNavigation
  • AlertFeedback
  • SwitchForm
  • AvatarData Display
  • Modal / DialogFeedback
  • ProgressFeedback
  • SkeletonFeedback

Components

Browse all production-ready React components built for ruma-ui.

Button

Form

Displays a button or a component that looks like a button with multiple visual variants and loading states.

npx ruma-ui add button→

Badge

Data Display

Displays a badge or a component that looks like a badge.

npx ruma-ui add badge→

Card

Data Display

Displays a card with header, content, and footer sections.

npx ruma-ui add card→

Tabs

Navigation

A set of layered sections of content—known as tab panels—that are displayed one at a time.

npx ruma-ui add tabs→

Alert

Feedback

Displays a callout for user attention.

npx ruma-ui add alert→

Switch

Form

A control that allows the user to toggle between checked and unchecked states.

npx ruma-ui add switch→

Avatar

Data Display

An image element with a fallback for representing the user.

npx ruma-ui add avatar→

Modal / Dialog

Feedback

A window overlaid on primary content, rendering information and requiring user interaction.

npx ruma-ui add dialog→

Progress

Feedback

Displays an indicator showing the completion progress of a task.

npx ruma-ui add progress→

Skeleton

Feedback

Used to show a placeholder while content is loading.

npx ruma-ui add skeleton→

Built by Ruma UI. Distributed under MIT License.

GitHubDocsCLI