Commit bfa659bb authored by Alfredo Sumaran's avatar Alfredo Sumaran

Merge branch '29973-kebab-case-documentation' into 'master'

Adds entry about kebab case props in documentation

Closes #29973

See merge request !10208
parents a9b1a85b 8913d27c
......@@ -200,7 +200,6 @@ See [our current .eslintrc][eslintrc] for specific rules and patterns.
#### Naming
- **Extensions**: Use `.vue` extension for Vue components.
- **Reference Naming**: Use PascalCase for Vue components and camelCase for their instances:
```javascript
// bad
import cardBoard from 'cardBoard';
......@@ -218,15 +217,23 @@ See [our current .eslintrc][eslintrc] for specific rules and patterns.
cardBoard: CardBoard
};
```
- **Props Naming**: Avoid using DOM component prop names.
- **Props Naming:**
- Avoid using DOM component prop names.
- Use kebab-case instead of camelCase to provide props in templates.
```javascript
// bad
<component class="btn">
// good
<component cssClass="btn">
```
<component css-class="btn">
// bad
<component myProp="prop" />
// good
<component my-prop="prop" />
```
#### Alignment
- Follow these alignment styles for the template method:
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment