Something went wrong. Try again.
A design system in a box. hip-ui.tngl.io/docs/introduction
Something went wrong. Try again.
TSX
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152import * as stylex from "@stylexjs/stylex";
import { EmptyState, EmptyStateDescription, EmptyStateImage, EmptyStateTitle,} from "@/components/empty-state";
import { size as sizeSpace } from "../../components/theme/semantic-spacing.stylex";
const styles = stylex.create({ wrapper: { padding: sizeSpace["12xl"], },});
export function Basic() { return ( <EmptyState style={styles.wrapper}> <EmptyStateImage> <svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg" > <circle cx="60" cy="60" r="50" stroke="currentColor" strokeWidth="2" /> <path d="M40 60L55 75L80 45" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" /> </svg> </EmptyStateImage> <EmptyStateTitle>No items found</EmptyStateTitle> <EmptyStateDescription> Get started by creating a new item. </EmptyStateDescription> </EmptyState> );}