3.2.10 ā€¢ Published 3 months ago

@bedrock-layout/frame v3.2.10

Weekly downloads
12
License
MIT
Repository
github
Last release
3 months ago

@bedrock-layout/frame

Frame is a layout helper that frames the content into the desired aspect ratio.

Full docs at: bedrock-layout.dev

When to Use

Use Frame component when you want to crop on-screen content like media into any desired aspect ratio.

How to install

npm install @bedrock-layout/frame

or

yarn add @bedrock-layout/frame

Usage

import { Frame } from '@bedrock-layout/frame';

<Frame>
  <img src='...' />
</Frame>;

data-attribute

For styling purposes, you can select data-bedrock-frame.

API

āˆ | Property | Description | Type | Default | | :------: | :---------------------------------------------------------------------------------------------------------------------------: | :---------------: | :-------------------: | ----------------- | | ratio | Aspect ratio that you want the child element to maintain | [number, number] | ${number}/${number} | medium breakpoint | | position | Alignment of the child element. Use object-position value | string | 50% |

framelayoutreact
@bedrock-layout/type-utils
@everything-registry/sub-chunk-117@infinitebrahmanuniverse/nolb-_bed@bedrock-layout/primitives
3.2.9

3 months ago

3.2.8

3 months ago

3.2.10

3 months ago

3.2.7

4 months ago

3.2.6

4 months ago

3.2.5

5 months ago

3.2.2

7 months ago

3.2.1

8 months ago

3.2.0

9 months ago

3.2.4

7 months ago

3.2.3

7 months ago

3.1.7

10 months ago

3.1.6

1 year ago

3.1.5

1 year ago

3.1.3

1 year ago

3.1.2

1 year ago

3.1.1

1 year ago

3.1.4

1 year ago

3.0.4

1 year ago

3.0.3

1 year ago

3.0.2

1 year ago

3.0.1

1 year ago

3.0.0

1 year ago

2.5.2

1 year ago

3.1.0

1 year ago

2.5.1

2 years ago

2.5.0

2 years ago

2.4.5

2 years ago

2.4.6

2 years ago

2.4.3

2 years ago

2.4.2

2 years ago

2.4.4

2 years ago

2.4.1

2 years ago

2.4.0

2 years ago

2.2.5

2 years ago

2.2.7

2 years ago

2.2.6

2 years ago

2.3.0

2 years ago

2.3.1

2 years ago

2.2.9

2 years ago

2.2.8

2 years ago

2.2.1

2 years ago

2.2.0

2 years ago

2.2.3

2 years ago

2.2.2

2 years ago

2.2.4

2 years ago

2.1.20

3 years ago

2.1.19

3 years ago

2.1.18

3 years ago

2.1.17

3 years ago

2.1.16

3 years ago

2.1.15

3 years ago

2.1.14

3 years ago

2.1.13

3 years ago

2.1.12

3 years ago

2.1.9

3 years ago

2.1.10

3 years ago

2.1.11

3 years ago

2.1.7

3 years ago

2.1.2

3 years ago

2.1.1

3 years ago

2.1.4

3 years ago

2.1.3

3 years ago

2.1.6

3 years ago

2.1.5

3 years ago

2.1.0

3 years ago

2.0.0

3 years ago

1.1.13

3 years ago

1.1.12

3 years ago

1.1.11

3 years ago

1.1.10

3 years ago

1.1.9

3 years ago

1.1.8

3 years ago

1.1.7

3 years ago

1.1.6

3 years ago

1.1.5

3 years ago

1.1.4

3 years ago

1.1.3

3 years ago

1.1.2

3 years ago

1.1.1

4 years ago

1.1.0

4 years ago

1.0.3

4 years ago

1.0.2

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago