Contents

.sts-card data-controller="satis-tabs" data-satis-tabs-persist-value=persist data-satis-tabs-key-value=key id=identifier
  - if header?
    .sts-card__header class="#{tabs? ? '' : 'border-b border-gray-200'}"
      .-ml-4.-mt-4.flex.justify-between.items-center.flex-wrap.sm:flex-nowrap
        - if icon
          .ml-4.mt-4.flex-shrink-0.text-primary-600.dark:text-gray-300
            i class=icon
        .ml-4.mt-4.flex-1
          h3.text-lg.leading-6.font-medium.text-gray-900.dark:text-white
            = title
          - if description.present?
            p.mt-1.text-sm.text-gray-500.dark:text-gray-500
              = description

        - if actions.present? || initial_actions.present?
          .ml-4.mt-4.flex-shrink-0
            .grid.grid-flow-row.gap-1.sm:grid-flow-col
              - initial_actions.each do |action|
                = action
              - actions.each do |action|
                = action

        - if menu
          .ml-4.mt-2.flex-shrink-0
            = render(Satis::Menu::Component.new(menu))

  - if tabs?
    = render Satis::Tabs::Component.new(custom_link: custom_tabs_link).tap {|c| c.original_view_context = view_context } do |t|
      - tabs.each_with_index do |ta, i|
        - t.with_tab ta.name, id: ta.id, icon: ta.icon, padding: ta.padding, badge: ta.badge, menu: ta.menu, dirty: ta.dirty, title: ta.title, responsive: ta.responsive, selected_tab_index: ta.selected_tab_index do
          = ta

  - else
    div class="#{content_padding ? 'px-6 py-6' : ''}"
      = content

  - if footer
    = footer

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
satis-2.1.48	app/components/satis/card/component.html.slim
satis-2.1.47	app/components/satis/card/component.html.slim