DEV Community

loading...
Cover image for Typescript - Tips & Tricks - Literal Types

Typescript - Tips & Tricks - Literal Types

puppo profile image Luca Del Puppo ・1 min read

Welcome back!
Today I show you the Literal Types.

This feature permits you to create a set of relationship values.

type Direction = "North" | "South" | "East" | "West";
Enter fullscreen mode Exit fullscreen mode

Literal types in this case create also a Type Guard of your field, so the compiler can detect your errors or your typos.

let directionError: Direction = "east" // Type '"east"' is not assignable to type 'Direction'
let direction: Direction = "East" // OK
Enter fullscreen mode Exit fullscreen mode

You can create Literal Types from different types such as booleans, numbers, and strings, and you can combine together different types too.

type Valid = false | 0 | true | 1;
Enter fullscreen mode Exit fullscreen mode

That's all for today
See you soon guys!

Discussion (0)

pic
Editor guide