Skip to content

Commit 4dc2c79

Browse files
fixup! docs(list): improve examples & clarify things a bit more
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
1 parent 75bb1b0 commit 4dc2c79

File tree

1 file changed

+18
-15
lines changed

1 file changed

+18
-15
lines changed

src/components/list/examples/list-primary-component.tsx

Lines changed: 18 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -3,21 +3,24 @@ import { Component, h } from '@stencil/core';
33

44
/**
55
* List with a primary component
6-
*
7-
* List items can render a custom primary component using
8-
* the `primaryComponent` prop.
9-
*
10-
* :::tip
11-
* By default, the primary component is rendered after the icon,
12-
* and before the item's text.
13-
*
14-
* Since the list item is a flex box, you can easily change the
15-
* order of the primary component by applying a different `order` as
16-
* a `style`.
17-
*
18-
* Setting an `order` as a `style` could be done either via the
19-
* primary component's own styles, or via its `props`.
20-
* :::
6+
/**
7+
* List with a primary component
8+
*
9+
* List items can render a custom primary component using the
10+
* `primaryComponent` prop.
11+
*
12+
* :::tip
13+
* By default, the primary component is rendered after the icon
14+
* and before the item's text.
15+
*
16+
* Since the list item is a flexbox, you can easily change the
17+
* order of the primary component by applying a different `order`
18+
* via `style`.
19+
*
20+
* You can set `order` either via the primary component's own styles,
21+
* or via its `props`.
22+
* :::
23+
*/
2124
*/
2225
@Component({
2326
tag: 'limel-example-list-primary-component',

0 commit comments

Comments
 (0)