--- title: January 2026 - Inline Start and End Styles | daily.dev description: Shadcn's Base UI components now support inline-start and inline-end logical side values, replacing physical left/right positioning for components like Tooltip,... canonical: https://daily.dev/posts/january-2026---inline-start-and-end-styles-grjff1u8y twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: January 2026 - Inline Start and End Styles | daily.dev og:description: Shadcn's Base UI components now support inline-start and inline-end logical side values, replacing physical left/right positioning for components like Tooltip,... og:url: https://daily.dev/posts/january-2026---inline-start-and-end-styles-grjff1u8y og:image: https://api.daily.dev/og/posts/GRjfF1u8Y.png og:image:alt: January 2026 - Inline Start and End Styles 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. # January 2026 - Inline Start and End Styles **[The Foundation for your Design System - shadcn/ui](https://daily.dev/sources/shadcn-ui)** · 1 min read · 0 upvotes · 0 comments ## Summary Shadcn's Base UI components now support inline-start and inline-end logical side values, replacing physical left/right positioning for components like Tooltip, Popover, Combobox, Context Menu, Dropdown Menu, Hover Card, Menubar, and Select. New Tailwind classes were added to handle these logical side values, and an LLM prompt is provided to help developers update their existing components to use the new styles. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### Do shadcn Base UI components support inline-start and inline-end CSS logical properties? Yes, shadcn added new Tailwind classes so Base UI components support inline-start and inline-end logical side values instead of only physical left/right positioning. This applies to Tooltip, Popover, Combobox, Context Menu, Dropdown Menu, Hover Card, Menubar, and Select components, improving support for right-to-left and internationalized layouts. _daily.dev helps frontend developers keep up with shadcn UI updates affecting RTL and layout support._ --- Tags: [#react](https://daily.dev/tags/react), [#css](https://daily.dev/tags/css), [#tailwind-css](https://daily.dev/tags/tailwind-css), [#shadcn](https://daily.dev/tags/shadcn) [View this post on daily.dev](https://daily.dev/posts/january-2026---inline-start-and-end-styles-grjff1u8y) ```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":"January 2026 - Inline Start and End Styles","url":"https://daily.dev/posts/january-2026---inline-start-and-end-styles-grjff1u8y","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/january-2026---inline-start-and-end-styles-grjff1u8y"},"datePublished":"2026-08-23T12:17:57.898Z","dateModified":"2026-08-23T12:22:43.668Z","description":"Shadcn's Base UI components now support inline-start and inline-end logical side values, replacing physical left/right positioning for components like Tooltip,...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/43cb54bf49587e0a97ec0065bf7b0287?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/43cb54bf49587e0a97ec0065bf7b0287?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"The Foundation for your Design System - shadcn/ui","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":"Organization","name":"The Foundation for your Design System - shadcn/ui","logo":"https://media.daily.dev/image/upload/s--GiOq6F7Y--/f_auto,q_auto/v1787487441/logos/shadcn-ui?_a=BAMAMicg0","url":"https://daily.dev/sources/shadcn-ui"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/january-2026---inline-start-and-end-styles-grjff1u8y","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"react,css,tailwind-css,shadcn","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"The Foundation for your Design System - shadcn/ui","item":"https://daily.dev/sources/shadcn-ui"},{"@type":"ListItem","position":3,"name":"January 2026 - Inline Start and End Styles"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/january-2026---inline-start-and-end-styles-grjff1u8y#faq","mainEntity":[{"@type":"Question","name":"Do shadcn Base UI components support inline-start and inline-end CSS logical properties?","acceptedAnswer":{"@type":"Answer","text":"Yes, shadcn added new Tailwind classes so Base UI components support inline-start and inline-end logical side values instead of only physical left/right positioning. This applies to Tooltip, Popover, Combobox, Context Menu, Dropdown Menu, Hover Card, Menubar, and Select components, improving support for right-to-left and internationalized layouts. daily.dev helps frontend developers keep up with shadcn UI updates affecting RTL and layout support."}}]} ```