Novel Foundation

ยินดีต้อนรับ @dev

WriterDataTable

Default

No sorting

Extended

No sorting

WriterNovelCard

Default

Top slot

Body slot

Bottom slot

WriterCollectionCard

-
-

-

- • สาธารณะ

-

WriterButton

Variant

Primary class

Add class `-primary` for highlight button as color-ci scheme

Link converting

Add `href` or `to` to convert to link (anchor tag, nuxt-link)

href to

WriterModal

Use writer-modal for prompt some action in the page. Having multiple slots like #body, #footer.

WriterPagination

Use for paginating in various page query. On responsive size, the pagination change to dropdown with exponential on increment/decrement pagination options.

Default

total-page: 1000, page-limit: 7
  5. ...

External (button convert to a link)

total-page: 1000, page-limit: 7
  2. 1
  3. 2
  4. 3
  5. ...
  6. 1,000

Internal (button convert to nuxt-link)

total-page: 1000, page-limit: 7
  5. ...

WriterSkeleton

Use skeleton as a loading placeholder or state when query on the graphql state. Can adjust width and height by adding `width` and `height` attribute.

Type

Default
Text
Sentences
Image
Button
Header