Per @cannikin improve the text and check label positioning (it's not centered).

Also, I am using an ES2020 Intl method

Property 'ListFormat' does not exist on type 'typeof Intl'.

I could addd ES2020 to TS but do we think @Tobbe that I should avoid this for browser compatibility?

I could simply join with ',' and not make a sentence

I could addd ES2020 to TS but do we think @Tobbe that I should avoid this for browser compatibility?

I thought about that when you first mentioned using ListFormat. We use a lot of the Intl stuff at work, but have to pollyfill the crap out of almost everything :(

Not sure what minimum browser version a default RW app needs to support. Do we have any official guidelines on that?

Better align using flex.

Before:

After

For handling the enum is null to reset, optional lists are not supported:

So, an "none" case for an option single enum is needed. But, 9 times out of 10 I'd never have an optional enum, but have one of the options be an empty case like NONE, or N_A. That way if you were to aggregate or count by enum you would never have to deal with nulls -- and counting nulls.

Now supports an option single enum.

model Spot {
  id          String       @id @default(uuid())
  createdAt   DateTime     @default(now())
  updatedAt   DateTime     @updatedAt
  place       Place        @relation(fields: [placeId], references: [id])
  placeId     String
  name        String
  spotType    SPOT_TYPE?
  colors      COLOR[]
  shape       SHAPE
  size        SIZE
  material    MATERIAL
  possessions Possession[]
  codes       Code[]
}

enum SPOT_TYPE {
  BAG
  BOX
  CASE
  CONTAINER
  DRAWER
}

here the spotyType is an optional SPOT_TYPE.

The form now adds a "None" radio option and sets to null on save thus unsetting the value to null.

Now set ...

and un-set to None ...

and can see is not set

Coercing is done in the onSubmit maybe can be done elsewhere?

I kept the italics. Let's use that and get feedback from team and community for now.

@Tobbe Any items left to do?

I like a subtle gray for my "empty" or "none" entries!

Put the b subtle

I kept the italics. Let's use that and get feedback from team and community for now.

@Tobbe Any items left to do?

I like your approach of getting it in, and then getting feedback. Such an easy thing to iterate on too!

This is good to go now!

I see you switched to gray for None. I like it as long as people don't mistake it for being disabled, so they don't even reallize they can click it 😬 . But, as said, let's do it, and see if we get any feedback!

Well done. Looks great 🚀