Sheet

Ejemplo básico de sheet demostrando el comportamiento principal.

Paquete: @solidiom/sheet
Versión: 0.0.1-next.0
Estado: stable

Ejemplos

import * as Sheet from "@solidiom/sheet"

;<Sheet.Root>Contenido de Sheet</Sheet.Root>

Ver código fuente

        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>
  )
}