Pieces(1325)

Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.

Go to line142
of 386
Theme
greetsayHello
  • greet.ts1
  • app.tsx4
  • welcome.tsx2
:fi
  • :fire:
  • :finish_line:
  • :first_place:
  • :fish:
Zen Modemanifesto.md
<<<<<<< Current
const greet = (name) =>  `Hi, ${name}!`;
=======
const greet = (name: string) =>  `Hello, ${name}!`;
>>>>>>> Incoming
const user = { name: 'Nils' };
const msg = greet(user.name);
console.log(msg);
 
1const user = createUser(name: "Nils", role: "admin");
1// TODO migrate to server components
2// FIXME handles null state poorly
3// NOTE revisit once design lock lands
1function render(items) {
2  items.forEach(draw);
3}
--primary:  #f43f5e;
--accent:  #8b5cf6;
--surface:  #0ea5e9;
const message = `Hello`;
const longer = `Shipping the biggest onboarding upgrade yet`;
const wrapped = items.map((i) => i.name).join(', ') + '!'
Switch branch…
  • feat/onboarding
  • main
  • feat/ai-suggest
  • chore/cleanup
button.tsxSaved
function greet(name: string)
/\b\w+@\w+\.com\b/gi
12
const greet = (name: string) =>Hania
  `Hello, ${name}!`;Nils
 Hania
Ship production-ready components in a weekend.
27 chars·3 words
Dashboardrender()if (isReady)
    // hidden lines…
    const ready = useReady();
    if (!ready) return null;
greet()
greet(name: string, locale: Locale): string
const name = 'Hania';
const role = 'design';
const team = 'core';
for (let $1:i = 0; $1 < $2:arr.length; $1++) {}
const total = items.reduce(sum, i) => sum + i.price);
Expected 2 arguments, but got 1.
return greet(name);
Hania
Markdown version