https://github.com/braineo/zeplin-qml-extension

Zeplin extension for QML
https://github.com/braineo/zeplin-qml-extension

extension qml zem zeplin

Last synced: 4 months ago
JSON representation

Zeplin extension for QML

• Host: GitHub
• URL: https://github.com/braineo/zeplin-qml-extension
• Owner: braineo
• License: gpl-3.0
• Created: 2019-08-08T01:52:24.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-03-03T05:15:21.000Z (almost 2 years ago)
• Last Synced: 2024-04-26T00:25:32.768Z (10 months ago)
• Topics: extension, qml, zem, zeplin
• Language: JavaScript
• Homepage:
• Size: 1.91 MB
• Stars: 5
• Watchers: 4
• Forks: 3
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Zeplin QML Extension

This plugin generates code for QML

[Zeplin](https://zeplin.io) extension that generates sample snippets.

## Getting started

Add the extension to your project from extensions.zeplin.io.

## Output

```qml

Rectangle {

    width: 464

    height: 510

    radius: 4

    border {

        width: 2

        color: "#ffbb18"

    }

}

```

``` qml

Text {

    text: qsTr(example text for plugin')

    color: "#ffffff"

    font.pixelSize: 14

    wrapMode: Text.WordWrap

    elide: Text.ElideRight

}

```

## Options

#### Resize function name

Name of function to apply to size, width, height.

#### Use linked style guide

Display resources from linked and parent style guides.

#### Style guide namespace

QML name space of style guide. A prefix to color names etc.

#### ARGB hex color format

Display hex colors in ARGB format with the alpha value as the first tuple (instead of the default Zeplin format with alpha last)

#### Text i18n option

If enabled, will wrap text into `qsTr('text')` or `qsTrId('text-id')`

## Development

This extension is developed using [zem](https://github.com/zeplin/zem), Zeplin Extension Manager. zem is a command line tool that lets you quickly create, test and publish extensions.

To learn more about creating Zeplin extensions, [see documentation](https://github.com/zeplin/zeplin-extension-documentation).