Sha256: adf55643f45d112fd6cdcf3b150b61ae5d7556bc2af75f7a87d161846ad2e3a2

Contents?: true

Size: 1.1 KB

Versions: 8

Compression:

Stored size: 1.1 KB

Contents

<%= render_popover do %>
  <%= popover_trigger do %>
    <%= render_button "Open Popover", variant: :outline %>
  <% end %>
  <%= popover_content do %>
    <div class="grid gap-4">
      <div class="space-y-2">
        <h4 class="font-medium leading-none">Dimensions</h4>
        <p class="text-sm text-muted-foreground">Set the dimensions for the layer.</p>
      </div>
      <div class="grid gap-2">
        <div class="grid grid-cols-3 items-center gap-4">
          <label
            class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
            for="width">Width</label><input
            class="flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 col-span-2 h-8"
            id="width"
            value="100%">
        </div>
      </div>
    </div>
  <% end %>
<% end %>

Version data entries

8 entries across 8 versions & 1 rubygems

Version Path
shadcn-ui-0.0.15 app/views/examples/components/popover/code/_form.erb
shadcn-ui-0.0.14 app/views/examples/components/popover/code/_form.erb
shadcn-ui-0.0.13 app/views/examples/components/popover/code/_form.erb
shadcn-ui-0.0.12 app/views/examples/components/popover/code/_form.erb
shadcn-ui-0.0.10 app/views/examples/components/popover/code/_form.erb
shadcn-ui-0.0.8 app/views/examples/components/popover/code/_form.erb
shadcn-ui-0.0.5 app/views/examples/components/popover/code/_form.erb
shadcn-ui-0.0.4 app/views/examples/components/popover/code/_form.erb