Skip to content

ahultgren/emmet-elm

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 

Repository files navigation

emmet-elm

An Emmet filter for Elm Html.

Installation

Currently only works with Atom. However, the plan is to submit this to Emmet core after it has gotten some usage and testing.

  1. cd ~/.atom/packages (or whatever the path to your Atom packages are)
  2. git clone [email protected]:ahultgren/emmet-elm.git
  3. Restart or reload Atom

This assumes you already have Emmet installed.

Example

form.form>input.field1[type=text][value=test]+input.field2[type=text][value=3]

Becomes:

form
  [ action ""
  , class "form"
  ]
  [ input
    [ type' "text"
    , class "field1"
    , value "test"
    ]
    [ 
    ]
  , input
    [ type' "text"
    , class "field2"
    , value "3"
    ]
    [ 
    ]
  ]

You will have to import the Html functions yourself. E.g:

import Html exposing (form, input)
import Html.Attributes exposing (class, type', value)

TODO

  • Automatic tests
  • Submit to Emmet

About

An Emmet filter for Elm Html

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published