React Cosmos
DocumentationDocumentationAboutAbout
GitHubGitHub (opens in a new tab)DiscordDiscord (opens in a new tab)
  • Introduction
  • Getting Started
    • Vite
    • Webpack
    • React Native
    • Next.js
    • Create React App
    • Custom Bundler
    • Troubleshooting
  • Migration Guide
  • User Interface
  • Usage
  • React Cosmos CLI
  • Fixtures
    • Fixture Modules
    • File Conventions
    • Decorators
    • Fixture Options
    • Fixture Inputs
    • Viewport
    • cosmos.config.json
    • Plugin Settings
    • Lazy Mode
  • Static Export
  • Plugins
    • Server Plugins
    • UI Plugins
    • Fixture Plugins
  • Node.js API
  • More
  • Development
    • Architecture
    • ESM
    • Tech Debt
  • GitHub ↗ (opens in a new tab)
  • Discord ↗ (opens in a new tab)
Edit this page
Documentation
Fixtures

Fixtures

The fixture is the main abstraction in React Cosmos. It represents a component example that can be rendered in isolation. A fixture file is generally colocated with its related component file.

Fixture ModulesFile ConventionsDecoratorsFixture OptionsFixture InputsViewport
React Cosmos CLIFixture Modules

FAQ

  • What is React Cosmos?
  • Key Features
  • Architecture
  • About

Guides

  • Vite
  • Webpack
  • React Native
  • Next.js
  • All Guides

Usage

  • CLI
  • User Interface
  • Fixtures & Decorators
  • Configuration
  • Plugins

Ecosystem

  • GitHub ↗ (opens in a new tab)
  • Discord ↗ (opens in a new tab)
  • Twitter ↗ (opens in a new tab)
  • Discussions ↗ (opens in a new tab)
  • Sponsor ↗ (opens in a new tab)
© 2025 React Cosmos.