ember-layout-components

    1.4.0 • Public • Published

    ember-layout-components

    Generic & reusable layout components for your Ember app.

    This addon provides easy to use and flexible layout components. By using these components, your layout will automatically be flexible and consistent. Instead of defining exactly how something should look like at a given viewport, let the intrinsic size of content and CSS calcualte the best possible layout, based on the basic rules these layout components define.

    Based on every-layout.dev.

    Test & Lint

    Compatibility

    • Ember.js v3.20 or above
    • Ember CLI v3.20 or above
    • Node.js v12 or above

    Installation

    ember install ember-layout-components
    

    Usage

    <Layout::Wrapper>
      <Layout::Stack @gap="large" as |Section|>
        <Section>
          First section goes here.
        </Section>
    
        <Section>
          Second section goes here.
        </Section>
      </Layout::Stack>
    </Layout::Wrapper>

    For more details, see the documentation.

    Available layout components

    • <Layout::Wrapper>
    • <Layout::Center>
    • <Layout::Stack>
    • <Layout::Cluster>
    • <Layout::Grid>

    Contributing

    See the Contributing guide for details.

    License

    This project is licensed under the MIT License.

    Keywords

    Install

    npm i ember-layout-components

    DownloadsWeekly Downloads

    8

    Version

    1.4.0

    License

    MIT

    Unpacked Size

    27.2 kB

    Total Files

    36

    Last publish

    Collaborators

    • mydea