The atoms-documentation from soyjavi

atoms-documentation's People

Contributors

Stargazers

Watchers

atoms-documentation's Issues

Información sobre el atirbuto @extends

Me he revisado toda la documentación y no queda claro para que sirve establecer el valor del atributo @extends y por qué a veces conviene establecerlo a true

¿Podrías aclararlo? :-)

Acerca del atributo @base

Cuando creas una nueva clase Atom/Molécula u organismos extiendes de una clase padre.

Ejemplo de Organismo:

class Atoms.Organism.Article extends Atoms.Class.Organism

  @template : """<article {{#if.style}}class="{{style}}"{{/if.style}}></article>"""

  @available: ["Organism.Header", "Molecule.Search"]

  @base     : "Article"

  @events   : ["show", "hide"]

Ejemplo de Molécula:

class Form extends Atoms.Class.Molecule
  @template : """<form {{#if.style}}class="{{style}}"{{/if.style}}></form>"""

  @available: ["Atom.Label", "Atom.Input", "Atom.Textarea", "Atom.Select", "Atom.Switch", "Atom.Button"]

  @events   : ["change", "submit", "error"]

  @base     : "Form"

  @defaults :
    events: ["submit"]

Ejemplo de Atom:

class Button extends Atoms.Class.Atom

  @template : "<button></button>"
  @base     : "Button"
  @events   : ["touch"]

En los 3 casos estableces el atributo @base al nombre de la nueva clase.

¿No sería más fácil obviar dicho nombre y hacer que fuera seteado a partir del nombre de la clase?

Supongo que la gracia de que esté presente es que puedas setearlo como otro elemento, pero tiene sentido? Por ejemplo establecer la base de un Button como un elemento Li. ¿?

Recommend Projects