Component Request - FlexibleHorizontalDivider - 1 hr

[pghorpade]

Component Description

This component is used as a flexible component horizontal divider to display horizontal divider or DividerWayFinder FTVA variation between flexible page blocks if added in craft entry.

Design

Please also see attached screenshots for quick reference.

• Desktop: https://www.figma.com/design/EKazRIMP4B15bD16UDbOwR/UCLA-Library-Design-System?node-id=199-7042&node-type=canvas&t=tM2jA6PehozO3Pvb-0
• Mobile: https://www.figma.com/design/EKazRIMP4B15bD16UDbOwR/UCLA-Library-Design-System?node-id=13917-2731&node-type=frame&t=58kfT4j1RmnM8v0a-0

If no mobile designs provided, please use your best judgment for responsiveness.

Slots

Name and description of any slots needed.

Props

no props

Developer Tips

List any developer tips here

This component adds the existing divider-way-finder component in the HTML template

<script setup lang="ts">
// COMPONENTS
import DividerWayFinder from '@/lib-components/DividerWayFinder.vue'
</script>
<template>
<DividerWayFinder />
</template>

Events

No Events emitted or handled in this component

Child components

List out any components that are used by this new component. For example, if you are building a grid that is made up of block components.

1. divider-way-finder is used for Horizontal Divider

Screenshots