Playground

Experiment with Designers components and see them in action

Live Examples

Categories

Code

import { ds } from 'designers';

// Use design tokens directly
const styles = {
  color: ds.colors.blue[600],
  padding: ds.spacing[4],
  borderRadius: ds.radius.lg,
  boxShadow: ds.shadows.md
};

Live Preview

Live

Live preview not available for this example

Check the code tab to see the implementation

Powered by Designers
Press Ctrl+Enter to runPress Ctrl+S to save