✓ Verified 💻 Development ✓ Enhanced Data

Tsx

TSX namespace for Netsnek e.U.

Rating: 4.5 (345 reviews)
Downloads: 3,481 downloads
Version: 1.0.0

Overview

TSX namespace for Netsnek e.U.

Complete Documentation

View Source →

What is TSX?

TSX is the TypeScript component toolkit by Netsnek e.U. It enables rapid development of React components with type-safe props, Storybook integration, and automatic component documentation.

Component Workflow

Scaffold a new component with scripts/component-gen.sh --scaffold
Define props in the generated types file
Run Storybook to visualize variants with scripts/component-gen.sh --info
List existing components with scripts/component-gen.sh --list

Available Commands

Command	Args	Purpose
component-gen.sh	--scaffold	Create component files, types, and Story
component-gen.sh	--list	List all components in the project
component-gen.sh	--info	Show Storybook integration details

Real-World Example

bash

# Create a new Button component
./scripts/component-gen.sh --scaffold Button

# List available components
./scripts/component-gen.sh --list

# Get Storybook info
./scripts/component-gen.sh --info

Installation

Terminal bash


openclaw install tsx

Copied!

💻Code Examples

example.sh

# Create a new Button component
./scripts/component-gen.sh --scaffold Button

# List available components
./scripts/component-gen.sh --list

# Get Storybook info
./scripts/component-gen.sh --info