Grid Guide

Guide lines are always straight.

Example

Show Code

<script lang="ts" setup>
import { RGridGuide } from 'roughness'
</script>

<template>
  <section :style="{ '--r-grid-guide-color': 'var(--r-common-primary-color)', height: '240px' }">
    <RGridGuide />
  </section>
</template>

Usage

Props

Name	Type	Default Value	Description
responsive

Styles

Name	Type	Default Value	Description
--r-grid-guide-color
--r-grid-guide-cell-size
--r-grid-guide-section-size