Something went wrong. Try again.
A design system in a box. hip-ui.tngl.io/docs/introduction
Something went wrong. Try again.
TSX
123456789101112131415161718192021222324252627282930313233import * as stylex from "@stylexjs/stylex";
import { Panel, PanelGroup, PanelResizer } from "@/components/window-splitter";
const styles = stylex.create({ container: { height: "400px", width: "100%", }, panelContent: { padding: "16px", alignItems: "center", display: "flex", justifyContent: "center", },});
export function Basic() { return ( <div {...stylex.props(styles.container)}> <PanelGroup> <Panel min="130px" max="80%" style={styles.panelContent}> Left Panel </Panel> <PanelResizer /> <Panel min="130px" style={styles.panelContent}> Right Panel </Panel> </PanelGroup> </div> );}