Skip to content

Conversation

@IamLRBA
Copy link
Contributor

@IamLRBA IamLRBA commented Dec 17, 2025

Pull Request Title

feat(components): add reusable design system components

Description

Adds a set of reusable React components built with ODE design tokens. Components include Alert, Badge, Button, ButtonGroup, CodeBlock, Container, Divider, Spacer, Tag, and Tooltip. All components use design tokens, support dark mode, and are fully typed with TypeScript.

Type of Change

  • New Feature / Enhancement
  • Bug Fix
  • Refactor / Code Cleanup
  • Documentation Update
  • Maintenance / Chore
  • Other (website):

Component(s) Affected

  • formulus (React Native mobile app)
  • formulus-formplayer (React web app)
  • synkronus (Go backend server)
  • synkronus-cli (Command-line utility)
  • Documentation
  • DevOps / CI/CD
  • Other: (website)

Related Issue(s)

Closes/Fixes/Resolves: Closes #2


Testing

  • Unit tests added/updated
  • Integration tests added/updated
  • Manually tested
  • Tested on multiple platforms (if applicable)
  • Not applicable

Breaking Changes

  • This PR introduces breaking changes
  • This PR does NOT introduce breaking changes

If breaking changes, please describe migration steps:


Documentation Updates

  • Documentation has been updated
  • Documentation update is not required

Checklist

  • Code follows project style guidelines
  • All existing tests pass
  • New tests added for new functionality
  • PR title follows Conventional Commits format

Note: This PR will be ready once I have provided screenshot proof of successfully using the components in the website!

Thank you for contributing to Open Data Ensemble (ODE)!

Add comprehensive set of reusable components built with ODE design tokens:
- Alert, Badge, Button, ButtonGroup, CodeBlock, Container, Divider, Spacer, Tag, Tooltip
- All components support dark mode and use design tokens
- Includes component documentation and centralized exports

Closes OpenDataEnsemble#2
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Creating a reusable UI components

1 participant