I am designing the UI of an app using IBM CDS. It gives the style guide for all items but, I couldn't find the dimensions of a title bar.
What should be the dimensions of title bar of an app according to IBM carbon design system?
62 Views Asked by Bony At
1
There are 1 best solutions below
Related Questions in USER-INTERFACE
- OS-wide text autocomplete service with popup
- Bootstrap 5 tooltips not working in Laravel 9.x application
- GUI window is not appearing
- Responsive gui customtkinter
- Unwanted text on created icon
- Custom styled "Add to cart" button in WooCommerce product archive pages
- Page behavior in flet works when used directly in `main`, but not in a UserControl?
- How could I reuse the CTk tabviews in python GUI app?
- mouse coordinates in image go below 0 and above width
- Use the same button in different interfaces (JAVA)
- Distributing a GTK4 Windows application
- How to design the file operation interface involving status and transactions?
- Creating a GUI application for creating graphs
- How point to other link after login
- How to align widget to another widget in Flutter
Related Questions in ADOBE-XD
- SVG element in Adobe Xd appears below other element despite being higher in layers hierarchy
- Project linked to adobe xd and zeplin and unsubscribe
- Avocode / Ceros Inspect alternative
- XD it Flutter plugin not exporting widgets
- Export Adobe XD artboard as JSON
- Figma/Adobe XD integration with Adobe Target
- Adobe XD getting Error in sharing public link
- How to export assets from Adobe XD to PNG, SVG, etc?
- I get 404 error when I click on "Get UI Kits" on Adobe XD
- Remote triggers on Adobe XD Prototype
- Can I somehow import an image/screenshot of a website and then have it transform it to a XD design?
- Adobe XD component is not changing state in preview
- Font in Adobe XD
- Is there a way to export SVG files from Adobe XD without id's?
- Get interactive html/css from Adobe XD
Related Questions in CARBON-DESIGN-SYSTEM
- SassError: Can't find stylesheet to import. @import "~@carbon/type/scss/font-face/sans"
- How can I get the bars of the carbon design charts?
- React carbon handling rendering of a combination of dynamic and static tabs
- Font errors in console when using IBM Carbon Design System in React
- Customizing components in carbon UI
- Spreading into a reactive object?
- Styles are not applying as expected after upgrading from Angular 8 to Angular 17 and Carbon Components 3 to 5
- Svelte Carbon Component System Data Table Row background Color
- Form only showing the first element
- Property 'PasswordInput' doesn't exist on Carbon/react TextInput type definition
- Trouble installing Carbon Design System styles in Next.js 14 app
- How to draw the complete map in Carbon with React?
- Carbon React having issues with tooltips clipping in tables
- React Carbon TextInput placed in Nested modal uneditable for native app
- How to zoom bar chart on hover of a bar in carbondesignsystem simple-bar-chart with Angular13?
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular # Hahtags
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
According to the IBM Carbon docs, it seems like the height of the UI shell header (or what you referred to as title bar) should be 48px or 3rem.
Source: https://www.carbondesignsystem.com/components/UI-shell-header/style