Back to Scalar

Page Link

documentation/guides/docs/components/page-link.md

latest2.5 KB
Original Source

Page Link

Page Link creates a styled link to another guide page. It includes a title and optional description, and should be used to connect readers to relevant content elsewhere in the guide.

Properties

filepath

string required Relative path to the destination page. Paths a relative to the root (by default the config).

title

string optional The title shown in the link. Defaults to "Link to Page".

description

string optional Secondary text shown below the title. Defaults to "Link to a page in the guide".

Examples

<scalar-tabs> <scalar-tab title="Custom HTML"> <scalar-page-link filepath="documentation/guides/docs/components/row.md"> </scalar-page-link>
markdown
<scalar-page-link filepath="documentation/guides/docs/components/row.md">
</scalar-page-link>
</scalar-tab> <scalar-tab title="Directive">

::scalar-page-link{filepath="documentation/guides/docs/components/row.md"}

markdown
::scalar-page-link{filepath="documentation/guides/docs/components/row.md"}
</scalar-tab> </scalar-tabs> <scalar-tabs> <scalar-tab title="Custom HTML"> <scalar-page-link filepath="documentation/guides/docs/components/row.md" title="Row Docs" description=""> </scalar-page-link>
markdown
<scalar-page-link filepath="documentation/guides/docs/components/row.md" title="Row Docs" description="">
</scalar-page-link>
</scalar-tab> <scalar-tab title="Directive">

::scalar-page-link{filepath="documentation/guides/docs/components/row.md" title="Row Docs" description=""}

markdown
::scalar-page-link{filepath="documentation/guides/docs/components/row.md" title="Row Docs" description=""}
</scalar-tab> </scalar-tabs> <scalar-tabs> <scalar-tab title="Custom HTML"> <scalar-page-link filepath="documentation/guides/docs/components/row.md" title="Row Docs" description="Row component documentation"> </scalar-page-link>
markdown
<scalar-page-link filepath="documentation/guides/docs/components/row.md" title="Row Docs" description="Row component documentation">
</scalar-page-link>
</scalar-tab> <scalar-tab title="Directive">

::scalar-page-link{filepath="documentation/guides/docs/components/row.md" title="Row Docs" description="Row component documentation"}

markdown
::scalar-page-link{filepath="documentation/guides/docs/components/row.md" title="Row Docs" description="Row component documentation"}
</scalar-tab> </scalar-tabs>