UNPKG

@polight/lego

Version:

Tiny Web Components lib for future-proof HTML mentors

github.com/Polight/lego

Polight/lego

25 lines (16 loc) • 770 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
--- title: Naming Conventions weight: 4 --- The name of the file will be the name of the component. Example: _components/x-button.html_ will create `<x-button>` component. However in some cases you may want to give your component a different name than the file. To do so, you should set a `name` attribute in your `<template>` tag. ## Example **bricks/x-button.html** ```html <template name="my-super-button"></template> ``` Will make `<my-super-button>` component available. > Note that because it builds native Web Components, the naming convention must respect > [the ones from the standards](http://w3c.github.io/webcomponents/spec/custom/#valid-custom-element-name) (lowercase, with a dash in the name, starting with a letter, …).