Launch Week Day 5: Introducing Reachability for PHP.Learn More →

Book a Demo Sign in

@itwin/itwinui-layouts-css

Package Overview

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@itwin/itwinui-layouts-css

iTwinUI CSS package that provides classes for most common layouts

latest

Source

npm

Version: 0.4.0

Version published: 2 years ago

Weekly downloads: 8.9K

Maintainers: 5

Weekly downloads

Created: 4 years ago

Source

An open-source design system that helps us build a unified web experience.

Key features • Installation • Usage • Contributing

Key features

iTwinUI-layouts places given elements (eg. iTwinUI) accordingly within the page with minimal effort on the development side.

Installation

npm install @itwin/itwinui-layouts-css

yarn add @itwin/itwinui-layouts-css

Usage

// app.css
import '@itwin/itwinui-layouts-css/styles.css';

<!-- app.html -->
<div class="iui-layouts-page">
  <div class="iui-layouts-page-header">
    <!-- Your header code -->
  </div>
  <div class="iui-layouts-page-sidenav">
    <!-- Your side navigation -->
  </div>
  <div class="iui-layouts-page-content iui-layouts-page-content-padded">
    <!-- Your content (will be padded) -->
  </div>
</div>

Contributing

We welcome you to contribute and make this layouts library better. You can submit feature requests or bugs by creating an issue. Please read our CONTRIBUTING.md for more information.

Keywords

FAQs

What is @itwin/itwinui-layouts-css?

Is @itwin/itwinui-layouts-css popular?

Is @itwin/itwinui-layouts-css well maintained?

Package last updated on 07 Dec 2023

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install