Components
Browse all production-ready React components built for ruma-ui.
Button
FormDisplays a button or a component that looks like a button with multiple visual variants and loading states.
Badge
Data DisplayDisplays a badge or a component that looks like a badge.
Card
Data DisplayDisplays a card with header, content, and footer sections.
Tabs
NavigationA set of layered sections of content—known as tab panels—that are displayed one at a time.
Alert
FeedbackDisplays a callout for user attention.
Switch
FormA control that allows the user to toggle between checked and unchecked states.
Avatar
Data DisplayAn image element with a fallback for representing the user.
Modal / Dialog
FeedbackA window overlaid on primary content, rendering information and requiring user interaction.
Progress
FeedbackDisplays an indicator showing the completion progress of a task.
Skeleton
FeedbackUsed to show a placeholder while content is loading.