ComboStrap UI - Clickable (Stretched link)

1 - About

clickable is a styling attribute that permits to make the whole surface of a component containing a link clickable.

This is also known as a stretched link. The link surface applies also to its container.

2 - Example

2.1 - Card

Example with a card

<card width="18rem" clickable="true">
{{:styling:subway_card_tile.png|}}
=== Clickable Card ===
Lorem ipsum
<btn>[[https://combostrap.com/clickable|A clickable card]]</btn>
</card>

Clickable Card

Lorem ipsum A clickable card

2.2 - Grid

ComboStrap UI - Grid (Row and Column)

<row clickable="true" background-color="light" class="g-0" spacing="m-3">
  <col class="col-md-6" spacing="p-4">
    {{:styling:subway_card_tile.png?0x200|}}
  </col>
  <col class="col-md-6" spacing="p-4">
    === Columns with stretched link ===
    Another instance of placeholder content for this other custom component. It is intended to mimic what some real-world content would look like, and we're using it here to give the component a bit of body and size.


    [[#|Go somewhere]]
  </col>
</row>

Columns with stretched link

Another instance of placeholder content for this other custom component. It is intended to mimic what some real-world content would look like, and we're using it here to give the component a bit of body and size. Go somewhere

3 - Documentation / Reference

Powered by ComboStrap