--- title: Working with Union Types In TypeScript | daily.dev description: Learn about union types in TypeScript, their syntax, type narrowing techniques, and practical applications. Union types allow variables to store values of more... canonical: https://daily.dev/posts/working-with-union-types-in-typescript-ru6mqmsyu twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Working with Union Types In TypeScript | daily.dev og:description: Learn about union types in TypeScript, their syntax, type narrowing techniques, and practical applications. Union types allow variables to store values of more... og:url: https://daily.dev/posts/working-with-union-types-in-typescript-ru6mqmsyu og:image: https://api.daily.dev/og/posts/ru6mQmsYU.png og:image:alt: Working with Union Types In TypeScript og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Working with Union Types In TypeScript **[Community Picks](https://daily.dev/sources/community)** · [@clarity](https://daily.dev/clarity) · 7 min read · 14 upvotes · 0 comments ## Summary Learn about union types in TypeScript, their syntax, type narrowing techniques, and practical applications. Union types allow variables to store values of more than one type, providing flexibility and type safety in development. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- Tags: [#webdev](https://daily.dev/tags/webdev), [#typescript](https://daily.dev/tags/typescript) [View this post on daily.dev](https://daily.dev/posts/working-with-union-types-in-typescript-ru6mqmsyu) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Working with Union Types In TypeScript","url":"https://daily.dev/posts/working-with-union-types-in-typescript-ru6mqmsyu","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/working-with-union-types-in-typescript-ru6mqmsyu"},"datePublished":"2024-03-18T11:30:10.590Z","dateModified":"2024-05-09T08:39:06.345Z","description":"Learn about union types in TypeScript, their syntax, type narrowing techniques, and practical applications. Union types allow variables to store values of more...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/04a0ecfc9b0dd1fec9185e9cb76f2391?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/04a0ecfc9b0dd1fec9185e9cb76f2391?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"Community Picks","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Person","name":"Alex K","url":"https://daily.dev/clarity","image":"https://media.daily.dev/image/upload/v1681554766/avatars/avatar_cwxVJHzkJqrEBE0fK7kff.jpg","description":"Front-end developer","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":1250}},"commentCount":0,"discussionUrl":"https://daily.dev/posts/working-with-union-types-in-typescript-ru6mqmsyu","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":14},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,typescript","timeRequired":"PT7M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Community Picks","item":"https://daily.dev/sources/community"},{"@type":"ListItem","position":3,"name":"Working with Union Types In TypeScript"}]} ```