mise-en-place

# <HorizontalScroll />

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis inventore autem minus optio dolorem id. Cumque pariatur ex facere voluptatem perspiciatis porro libero. Suscipit blanditiis eum saepe obcaecati quis aliquam?

# Usage

<VStack :gap="['2', '3', '4']" :pad="['2', '4']" show-scrollbar>
  ...
</VStack>

RESULT


# Props

# gap

  • Type: String or Array<String>
  • Default: 0

A responsive prop bound to the spacing scale that applies a specified space between successive items in the <HorizontalScroll />.

# as

  • Type: String
  • Default: div

The HTML element to render the < HorizontalScroll /> component as. See semantic HTML for more details.

# css

  • Type: Object
  • Default: {}

Additional styles applied to the component that leverage the theme when available. Visit the css prop documentation for more details.

# Examples

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis inventore autem minus optio dolorem id. Cumque pariatur ex facere voluptatem perspiciatis porro libero. Suscipit blanditiis eum saepe obcaecati quis aliquam?

← <HStack /> →