Socket
Socket
Sign inDemoInstall

@itwin/itwinui-layouts-css

Package Overview
Dependencies
0
Maintainers
5
Versions
7
Alerts
File Explorer

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


Version published
Weekly downloads
2K
decreased by-20.05%
Maintainers
5
Install size
19.1 kB
Created
Weekly downloads
 

Readme

Source

iTwinUI-layouts logo

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

itwinui-layouts on npm Build status

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

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

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc