Button Card Data List Detail Disclosure Divider Field Set Icon Button Icon Icon Select Inline Text Field Label Link Link Select Menu Modal Rich Text Box Section Select Tabs Tag Text Text Field Text Field With Prefix Toggle

Dimsum v2.0.0

An agentic component library for Ruby On Rails.

This is some content.

section.html.erb Copy snippet Copied!
1
<%= render SectionComponent.new(title: "Title") %>

Section

A content block for a Card — stacks its children at an 8px gap. Padding is applied with utility classes (Figma default `padding-x-16 padding-y-12`, or `padding-12` collapsible), so it stays overridable. Supports Figma's optional bottom divider and a collapsible title with a permanent Central chevron.

Collapsible
Divider
PropTypeDefault
collapsible Render an expand/collapse section. Default false. Boolean false
title Title-row text. Required when `collapsible`. String nil
open Initial expanded state (collapsible only). Default false. Boolean false
divider Render the subtle bottom divider. Default false. Boolean false
**html_options Extra attrs on the root (class — e.g. `padding-*` —, id, data-*, …). Hash —

Contains

  • Icon