@tidy-ui/layout

npmpackage.info

Gathering detailed insights and metrics for @tidy-ui/layout

Other packages similar to @tidy-ui/layout

@tidy-ui/flexbox

0.47.4

The FlexBox component empowers the design of layout elements using CSS flex properties. Incorporating FlexItems as child elements enables responsive layouts spanning 1 to 24 units of width. It streamlines styling by reducing the need for distinct flexbox

@tidy-ui/container

0.47.4

The versatile Container is your layout commander, adapting effortlessly to screen shifts and breakpoints. It comes in two modes: fluid, flexing its width with the screen for a dynamic arrangement of enclosed components; and fixed, aligning components sole

@tidy-ui/grid

0.47.4

The Grid component offers a mobile-first responsive layout with 24 horizontal sections. Distinct from CSS grid, it serves as a viable replacement. It supports fixed and fluid layouts, accommodating various screen sizes, and allows gap customization for sp

@tidy-ui/card

0.47.4

The Card component gives your website a modern card layout, perfect for showcasing important details in a stylish box. Whether you're displaying products, music albums, movies, or hotel info, the possibilities are endless. Multiple cards can create a cool

Gathering detailed insights and metrics for @tidy-ui/layout

Getting started

Here is a sample root level component that should enclose all tidy-ui components

1import React from 'react'; 2import { TidyUiProvider, orchidLight } from '@tidy-ui/commons'; 3import { ... } from '@tidy-ui/layout'; 4 5function App() { 6 return <TidyUiProvider theme={orchidLight}>...</TidyUiProvider>; 7} 8 9export default App;