Save Indicator

About this piece

Pill with filename and a state glyph: emerald check for saved, sky dot for dirty.

Usage

The import and the props worth knowing about, in one place.

import { Editor23 } from "@/components/beste/piece/editor23";

<Editor23
  filename="button.tsx"
  dirty={false}
  bordered={false}
/>

index.tsx

button.tsx

card.tsx

user.

Ship production-ready components in a weekend.

27 chars·3 words

const value = user.prfile.name;

1function·greet(name)·{
2→return·`Hello,·${name}!`;
3}

1// TODO migrate to server components
2// FIXME handles null state poorly
3// NOTE revisit once design lock lands