specialdoom / docure-list

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

docure-list

npm i @specialdoom/docure-list

components

docure-list

  • wrapper for docure-list-item

  • attributes:

    • background: background color for list

docure-list-item

  • item for docure list

  • attributes:

    • title: string, max 30 chars
    • description: string, max 330 chars
  • slots:

    • one for displaying something despite the card like buttons or something else

usage

<docure-list>
  <docure-list-item title="title" description="description">
    <docure-button onClick="test()">Test button</docure-button>
  </docure-list-item>
  <docure-list-item title="title" description="description">
    <docure-button onClick="test()">Test button</docure-button>
  </docure-list-item>
  <docure-list-item title="title" description="description">
    <docure-button onClick="test()">Test button</docure-button>
  </docure-list-item>
</docure-list>

example

Example

About


Languages

Language:JavaScript 32.6%Language:HTML 28.4%Language:Svelte 24.7%Language:CSS 14.3%