3.2.12 • Published 11 months ago

@bedrock-layout/frame v3.2.12

Weekly downloads
12
License
MIT
Repository
github
Last release
11 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% |

3.2.12

11 months ago

3.2.11

1 year ago

3.2.9

1 year ago

3.2.8

1 year ago

3.2.10

1 year ago

3.2.7

1 year ago

3.2.6

1 year ago

3.2.5

2 years ago

3.2.2

2 years ago

3.2.1

2 years ago

3.2.0

2 years ago

3.2.4

2 years ago

3.2.3

2 years ago

3.1.7

2 years ago

3.1.6

2 years ago

3.1.5

2 years ago

3.1.3

2 years ago

3.1.2

2 years ago

3.1.1

3 years ago

3.1.4

2 years ago

3.0.4

3 years ago

3.0.3

3 years ago

3.0.2

3 years ago

3.0.1

3 years ago

3.0.0

3 years ago

2.5.2

3 years ago

3.1.0

3 years ago

2.5.1

3 years ago

2.5.0

3 years ago

2.4.5

3 years ago

2.4.6

3 years ago

2.4.3

3 years ago

2.4.2

3 years ago

2.4.4

3 years ago

2.4.1

3 years ago

2.4.0

3 years ago

2.2.5

4 years ago

2.2.7

3 years ago

2.2.6

3 years ago

2.3.0

3 years ago

2.3.1

3 years ago

2.2.9

3 years ago

2.2.8

3 years ago

2.2.1

4 years ago

2.2.0

4 years ago

2.2.3

4 years ago

2.2.2

4 years ago

2.2.4

4 years ago

2.1.20

4 years ago

2.1.19

4 years ago

2.1.18

4 years ago

2.1.17

4 years ago

2.1.16

4 years ago

2.1.15

4 years ago

2.1.14

4 years ago

2.1.13

4 years ago

2.1.12

4 years ago

2.1.9

4 years ago

2.1.10

4 years ago

2.1.11

4 years ago

2.1.7

4 years ago

2.1.2

4 years ago

2.1.1

4 years ago

2.1.4

4 years ago

2.1.3

4 years ago

2.1.6

4 years ago

2.1.5

4 years ago

2.1.0

4 years ago

2.0.0

4 years ago

1.1.13

4 years ago

1.1.12

4 years ago

1.1.11

4 years ago

1.1.10

4 years ago

1.1.9

4 years ago

1.1.8

4 years ago

1.1.7

4 years ago

1.1.6

4 years ago

1.1.5

4 years ago

1.1.4

4 years ago

1.1.3

5 years ago

1.1.2

5 years ago

1.1.1

5 years ago

1.1.0

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago