# Hit Area
Control the hit area of a component in your SCSS
# How to
To use the minimum hit area mixin in your SCSS, include it like this:
# SCSS Example:
.your-element-that-needs-a-min-hit-area {
@include min-hit-area;
}
# SCSS
SCSS file imports
To use these styles in a Vue component SCSS, you’ll need:
@import '~@skyline/scss/src/core/UI.required';@include min-hit-area($min-width, $min-height, $position);Output
Parameters
$min-width: <number>Default value:
tokens.size.hit-area.default$min-height: <number>Default value:
tokens.size.hit-area.default$position: <string>Default value:
relative