Start typing to search components and docs…
select navigate ESC close

Product Details Table

Dolor amet excepteur id quis ut. Nisi incididunt occaecat est officia ea do voluptate deserunt aliqua cillum duis eiusmod. Officia veniam nisi mollit exercitation consequat ex fugiat ea veniam in culpa aliquip deserunt ea. Magna elit aliqua reprehenderit anim. Ullamco do nostrud nulla consectetur dolor fugiat adipisicing adipisicing. Reprehenderit est do culpa eu non quis. Veniam anim amet excepteur in sit et eiusmod. Id amet adipisicing amet ut eiusmod et. Tempor Lorem amet aute anim magna. Do ea aute consectetur fugiat nulla laboris pariatur ad enim anim. Dolor culpa veniam aliquip amet aute sunt excepteur consectetur sit excepteur excepteur Lorem. Ipsum esse ad aute nulla eu do incididunt eiusmod nulla sunt labore id cupidatat incididunt.

Main features

  • do ad dolor exercitation dolor eu eiusmod commodo dolor aliqua deserunt aliquip reprehenderit minim. Lorem fugiat deserunt reprehenderit non velit dolore voluptate nostrud aliquip consectetur minim. Labore dolore anim excepteur sit nostrud deserunt eu occaecat.
  • cillum dolore cupidatat ad mollit excepteur quis. Non nisi consequat deserunt dolore laboris est culpa. Elit eu aute magna sunt cupidatat officia do adipisicing quis velit. Consectetur deserunt et pariatur ea laborum occaecat veniam proident elit anim dolor eu nostrud voluptate. Do laboris nisi pariatur ipsum est ad anim ex quis officia est ut.
  • dolore cupidatat ad mollit excepteur quis
<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#F97583"> const</span><span style="color:#79B8FF"> items</span><span style="color:#F97583"> =</span><span style="color:#E1E4E8"> [</span></span> <span class="line"><span style="color:#9ECBFF"> "do ad dolor exercitation dolor eu eiusmod commodo dolor aliqua deserunt aliquip reprehenderit minim. Lorem fugiat deserunt reprehenderit non velit dolore voluptate nostrud aliquip consectetur minim. Labore dolore anim excepteur sit nostrud deserunt eu occaecat."</span><span style="color:#E1E4E8">,</span></span> <span class="line"><span style="color:#9ECBFF"> "cillum dolore cupidatat ad mollit excepteur quis. Non nisi consequat deserunt dolore laboris est culpa. Elit eu aute magna sunt cupidatat officia do adipisicing quis velit. Consectetur deserunt et pariatur ea laborum occaecat veniam proident elit anim dolor eu nostrud voluptate. Do laboris nisi pariatur ipsum est ad anim ex quis officia est ut."</span><span style="color:#E1E4E8">,</span></span> <span class="line"><span style="color:#9ECBFF"> "dolore cupidatat ad mollit excepteur quis"</span></span> <span class="line"><span style="color:#E1E4E8">];</span></span></code></pre>

Astro:

<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="html"><code><span class="line"><span style="color:#E1E4E8">&#x3C;</span><span style="color:#FDAEB7;font-style:italic">FeaturesList</span><span style="color:#B392F0"> items</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">{items}</span><span style="color:#B392F0"> caption</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">"Main features"</span><span style="color:#E1E4E8"> /></span></span></code></pre>

Vue:

<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="html"><code><span class="line"><span style="color:#E1E4E8">&#x3C;</span><span style="color:#FDAEB7;font-style:italic">FeaturesList</span><span style="color:#B392F0"> :items</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">"items"</span><span style="color:#B392F0"> caption</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">"Main features"</span><span style="color:#E1E4E8"> /></span></span></code></pre>

Props

PropTypeDefaultDescription
items*string[]Array of feature descriptions rendered as list items.
captionstring | nullnullOptional heading rendered above the list.

CSS Shortcuts

Class Purpose
features-list-caption Heading style above the list
features-list-ul The <ul> container styling
features-list-item Individual <li> row styling