Sheet

Basic sheet example demonstrating core behavior.

Package: @solidiom/sheet
Version: 0.0.1-next.0
Status: stable

Examples

import * as Sheet from "@solidiom/sheet"

;<Sheet.Root>Sheet content</Sheet.Root>

View source

        export function SheetExample(props: SheetExampleProps) {
  const copy = () => COPY[props.locale]

  return (
    <div ref={(el) => el.setAttribute("data-hydrated", "true")} class="sheet-example">
      <Sheet.Root>
        <Sheet.Trigger>{copy().trigger}</Sheet.Trigger>
        <Sheet.Content>
          <Sheet.Title>{copy().title}</Sheet.Title>
          <Sheet.Description>{copy().content}</Sheet.Description>
          <Sheet.Close>{copy().close}</Sheet.Close>
        </Sheet.Content>
      </Sheet.Root>
    </div>
  )
}