@dscout/strata

A shared React component library for building Tailwind based dscout interfaces. The primary consumer is Figma Make, which uses real React components from npm in prototypes.

Installation

npm install @dscout/strata

Peer dependencies

React 18+ is required:

npm install react react-dom

Usage

// CSS (required — contains all Tailwind utilities and design tokens)
import '@dscout/strata/styles.css';

// Barrel import
import { Button, Modal, Toggle } from '@dscout/strata';

// Or per-component subpath import
import Button from '@dscout/strata/button';

Components

• Button
• ButtonWithTooltipAndPopover
• ChatMessage, ChatMessagesArea, MessageTextarea, ThinkingIndicator
• CheckboxInput
• Chip
• FeedbackSelector
• LoadingDots, LoadingSpinner, LogoLoader
• MarkdownRenderer
• Modal
• PillButton
• Popover, PopoverMenu, PopoverMenuItem
• ProfileDropdown
• PromptButton
• QuestionIndicator
• RadioInput
• ScrollFadeContainer
• Select
• SendButton
• SkeletonLoader
• SourceButton
• TextInput
• ToastContainer, toastStore
• Toggle
• TooltipContainer, TooltipProvider
• TypingIndicator
• UserAvatar

All components are available as both barrel imports from the package root and individual subpath imports (e.g., @dscout/strata/button).

Browse interactive examples in the Storybook.