Component that creates grid lines extending the ticks of the y-axis.

  import { Graphic, YAxis, YGridLines } from '@snlab/florence'

<Graphic width={200} height={200} scaleY={[0, 10]} padding={20}>

  <YAxis />
  <YGridLines />



Prop Required Type(s) Default Unit(s)
count false number 10 -
extra false boolean false -
values false any[] undefined Local coordinate
width false number 0.25 Pixel
color false string 'black' Named, hex, rgb or hsl color
opacity false number 1 Number between 0 and 1

These properties mirror the ‘ticks’ properties of the YAxis.