S SV5UI Plus

Quick Example

ResizeContainer Usage

ตัวอย่าง import และการใช้งานแบบสั้นสำหรับหน้า `resize-container`

Code

                <script lang="ts">
 import { ResizeContainer } from 'sv5ui-plus';
</script>

<ResizeContainer direction="both" class="h-64 w-64 border border-outline">
  <div class="h-full flex items-center justify-center p-6">Resizable Content</div>
</ResizeContainer>

ResizeContainer

A simple container that allows users to resize its dimensions using CSS resize.

Usage

Wrap your content in a ResizeContainer component. By default, it can be resized in both directions.

Drag the bottom-right corner to resize

Horizontal & Vertical

Use the direction prop to restrict resizing to either horizontal or vertical.

Horizontal
Vertical