Skip to content

v0.1.2
Compare
Choose a tag to compare
@bentleyvk bentleyvk released this 06 Jun 06:56
· 42 commits to main since this release
v0.1.2
feecf42
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

@itwin/itwinui-layouts-react v0.1.2 (2022-05-26)

What's new

  • Added PageLayout component. It has PageLayout.Header, PageLayout.SideNavigation, PageLayout.Content, PageLayout.TitleArea and PageLayout.ToolsArea sub-components that place content in the correct places.
  • Added FluidGrid component.
    • Use it for items (e.g. tiles) array.
    • It has minItemWidth prop that defines minimum width of the item that is used for responsiveness.
  • Added Grid component. It is based on CSS grid and has 12 columns. As children pass Grid.Item sub-component which has:
    • columnSpan prop that defines how many columns the item should span.
    • columnStart prop that defines the column the item should start in.

@itwin/itwinui-layouts-css v0.1.1 (2022-05-25)

What's new

  • Added PageLayout component. It has sub-components that place content in the correct places.
  • Added FluidGrid component.
    • Use it for items (e.g. tiles) array.
    • It has --_iui-grid-item-min-width CSS variable that defines minimum width of the item that is used for responsiveness.
  • Added Grid component. It is based on CSS grid and has 12 columns. As children pass iui-layouts-grid-item sub-component which has:
    • --_iui-grid-item-column-span-[BREAKPOINT] prop that defines how many columns the item should span.
    • --_iui-grid-item-column-start-[BREAKPOINT] prop that defines the column the item should start in.
Assets 2
Loading