{"templateId":"markdown","sharedDataIds":{},"props":{"metadata":{"markdoc":{"tagList":[]},"type":"markdown"},"seo":{"title":"StandardCardGroupSection Pattern","siteUrl":"https://xrpl.org","llmstxt":{"hide":false,"title":"XRPL Developer Portal & Documentation","description":"Explore XRP Ledger documentation, blogs, and other blockchain developer resources needed to start building and integrating with the ledger.","details":{"content":"XRP Ledger concepts, use cases, tutorials, references, and other blockchain developer resources. Also, stay up to date with release announcements and more through the XRPL Blog."},"sections":[{"title":"Introduction","description":"A high-level introduction to the XRP Ledger.","includeFiles":["docs/introduction/**/*.*","about/faq.md"],"excludeFiles":["docs/introduction/index.md"]},{"title":"Use Cases","description":"Real-world applications and business scenarios for the XRP Ledger.","includeFiles":["docs/use-cases/**/*.*"],"excludeFiles":["docs/use-cases/index.md","docs/use-cases/defi/index.md"]},{"title":"Agentic Transactions","description":"XRPL AI Starter Kit to help autonomous agents discover, set up, and execute agentic transactions on the XRP Ledger.","includeFiles":["docs/agents/**/*.*"]},{"title":"Concepts","description":"Core concepts including accounts, tokens, transactions, consensus, and more.","includeFiles":["docs/concepts/**/*.*"],"excludeFiles":["docs/concepts/index.md","docs/concepts/decentralized-storage/index.md","docs/concepts/payment-types/index.md"]},{"title":"Tutorials","description":"Step-by-step guides for building on the XRP Ledger in JavaScript, Python, Go, and more.","includeFiles":["docs/tutorials/**/*.*"]},{"title":"References","description":"Protocol specification, transaction types, ledger entries, and API methods.","includeFiles":["docs/references/**/*.*"],"excludeFiles":["docs/references/xrp-api.md","docs/references/data-api.md","docs/references/protocol/index.md","docs/references/protocol/ledger-data/ledger-entry-types/index.md","docs/references/protocol/transactions/index.md","docs/references/protocol/transactions/types/index.md","docs/references/http-websocket-apis/api-conventions/index.md","docs/references/http-websocket-apis/public-api-methods/*/index.md","docs/references/http-websocket-apis/admin-api-methods/*/index.md"]},{"title":"Infrastructure","description":"Install, configure, and troubleshoot xrpld and Clio servers.","includeFiles":["docs/infrastructure/**/*.*"],"excludeFiles":["docs/infrastructure/index.md","docs/infrastructure/*/index.md","docs/infrastructure/installation/build-run-xrpld-in-reporting-mode.md","docs/infrastructure/configuration/data-retention/index.md","docs/infrastructure/configuration/server-modes/index.md"]},{"title":"Blog (2023+)","description":"Recent XRPL Blog posts (showing 2023 and newer).","includeFiles":["blog/2023/**/*.*","blog/2024/**/*.*","blog/2025/**/*.*","blog/2026/**/*.*"]},{"title":"Resources","description":"Developer resources and contribution guidelines.","includeFiles":["resources/**/*.*"]}]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"standardcardgroupsection-pattern","__idx":0},"children":["StandardCardGroupSection Pattern"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["A section pattern that displays a headline, description, and a responsive grid of StandardCard components. All cards share a uniform variant determined by the section, ensuring visual consistency."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"overview","__idx":1},"children":["Overview"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The StandardCardGroupSection component provides a structured section with:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Section-level headline and description"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Responsive grid layout (1 column mobile, 3 columns tablet and desktop)"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Uniform variant applied to all cards"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["ARIA roles and labels for accessibility"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Full dark mode support"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"basic-usage","__idx":2},"children":["Basic Usage"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"tsx","header":{"controls":{"copy":{}}},"source":"import StandardCardGroupSection from \"shared/sections/StandardCardGroupSection/StandardCardGroupSection\";\n\nfunction MyPage() {\n  return (\n    <StandardCardGroupSection\n      headline=\"Our Features\"\n      description=\"Explore what we offer\"\n      variant=\"neutral\"\n      cards={[\n        {\n          headline: \"Feature 1\",\n          children: \"Description of feature 1\",\n          callsToAction: [{ children: \"Learn More\", href: \"/feature1\" }],\n        },\n        {\n          headline: \"Feature 2\",\n          children: \"Description of feature 2\",\n          callsToAction: [{ children: \"Learn More\", href: \"/feature2\" }],\n        },\n      ]}\n    />\n  );\n}\n","lang":"tsx"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"props","__idx":3},"children":["Props"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Prop"},"children":["Prop"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Type"},"children":["Type"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Required"},"children":["Required"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Description"},"children":["Description"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["headline"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["React.ReactNode"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Yes"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Section headline text (h-md typography)"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["description"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["React.ReactNode"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Yes"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Section description text (body-l typography)"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["variant"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["StandardCardVariant"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Yes"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Background color variant applied uniformly to all cards"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["cards"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["StandardCardPropsWithoutVariant[]"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Yes"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Array of StandardCard configurations (variant is omitted)"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["className"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["string"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["No"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Additional CSS classes for the section element"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["...rest"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["HTMLSectionElement attributes"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["No"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Any other HTML section attributes"]}]}]}]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Exported Types:"]}," The component file also exports ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["StandardCardPropsWithoutVariant"]}," and ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["StandardCardVariant"]}," types for convenience."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"variant-types","__idx":4},"children":["Variant Types"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["variant"]}," prop accepts one of four values:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["\"neutral\""]}]},": Default neutral background"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["\"green\""]}]},": XRPL brand green background"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["\"yellow\""]}]},": Yellow background"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["\"blue\""]}]},": Blue background"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"cards-array","__idx":5},"children":["Cards Array"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["cards"]}," prop accepts an array of ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["StandardCardPropsWithoutVariant"]},", which includes:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["headline: React.ReactNode"]}," - Card headline (required)"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["children?: React.ReactNode"]}," - Card description/content (optional, uses React composition)"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["callsToAction: [DesignConstrainedButtonProps, DesignConstrainedButtonProps?]"]}," - Array with primary CTA (required) and optional secondary CTA"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Note:"]}," The ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["variant"]}," prop is omitted from individual card configurations. The section's ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["variant"]}," prop is applied uniformly to all cards."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"examples","__idx":6},"children":["Examples"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"with-secondary-cta","__idx":7},"children":["With Secondary CTA"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"tsx","header":{"controls":{"copy":{}}},"source":"<StandardCardGroupSection\n  headline=\"Services\"\n  description=\"Comprehensive solutions for your needs\"\n  variant=\"green\"\n  cards={[\n    {\n      headline: \"Enterprise Solutions\",\n      children: \"Scalable infrastructure for large organizations\",\n      callsToAction: [\n        { children: \"Contact Sales\", href: \"/contact\" },\n        { children: \"View Case Studies\", href: \"/cases\" },\n      ],\n    },\n  ]}\n/>\n","lang":"tsx"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"single-cta-only","__idx":8},"children":["Single CTA Only"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"tsx","header":{"controls":{"copy":{}}},"source":"<StandardCardGroupSection\n  headline=\"Quick Links\"\n  description=\"Fast access to key resources\"\n  variant=\"neutral\"\n  cards={[\n    {\n      headline: \"Documentation\",\n      children: \"Complete API reference and guides\",\n      callsToAction: [{ children: \"View Docs\", href: \"/docs\" }],\n    },\n  ]}\n/>\n","lang":"tsx"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"all-variants","__idx":9},"children":["All Variants"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"tsx","header":{"controls":{"copy":{}}},"source":"// Neutral variant\n<StandardCardGroupSection variant=\"neutral\" cards={[...]} />\n\n// Green variant\n<StandardCardGroupSection variant=\"green\" cards={[...]} />\n\n// Yellow variant\n<StandardCardGroupSection variant=\"yellow\" cards={[...]} />\n\n// Blue variant\n<StandardCardGroupSection variant=\"blue\" cards={[...]} />\n","lang":"tsx"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"responsive-layout","__idx":10},"children":["Responsive Layout"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The component uses PageGrid for responsive layout:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Mobile (base)"]},": 1 column (",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["span={{ base: 12 }}"]},")"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Tablet (md)"]},": 3 columns (",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["span={{ base: 12, md: 4 }}"]},")"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Desktop (lg)"]},": 3 columns (",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["span={{ base: 12, md: 4, lg: 4 }}"]},")"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Cards automatically adapt to the available space while maintaining consistent spacing."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"accessibility","__idx":11},"children":["Accessibility"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The component includes accessibility features:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["ARIA Roles"]},": The cards container uses ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["role=\"list\""]}," and each card uses ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["role=\"listitem\""]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["ARIA Labels"]},": Dynamic ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["aria-label"]}," based on the section headline"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Semantic HTML"]},": Uses ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<section>"]}," for the container and proper heading hierarchy"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Keyboard Navigation"]},": Inherited from StandardCard and Button components"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"css-classes","__idx":12},"children":["CSS Classes"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The component generates the following CSS classes:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["bds-standard-card-group-section"]}," - Root section element"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["bds-standard-card-group-section__header"]}," - Header wrapper for headline and description"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["bds-standard-card-group-section__headline"]}," - Section headline (uses .h-md)"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["bds-standard-card-group-section__description"]}," - Section description (uses .body-l)"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"best-practices","__idx":13},"children":["Best Practices"]},{"$$mdtype":"Tag","name":"ol","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Variant Consistency"]},": All cards in a section share the same variant. This ensures visual consistency and prevents individual cards from having different variants."]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Card Count"]},": Aim for multiples of 3 for best visual balance on desktop (3, 6, 9 cards)."]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Headlines"]},": Keep card headlines concise and impactful (1-2 lines preferred)."]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Descriptions"]},": Provide clear, actionable descriptions (2-3 lines max)."]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["CTAs"]},": Use action-oriented button text (\"Get Started\" not \"Click Here\")."]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Section Headline"]},": Make it descriptive and specific to help users understand the card group's purpose."]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Type Safety"]},": The ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["StandardCardPropsWithoutVariant"]}," type ensures cards cannot include a ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["variant"]}," prop, enforcing uniformity."]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"design-constraints","__idx":14},"children":["Design Constraints"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Uniform Variants"]},": All cards in a section must share the same variant"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Responsive Grid"]},": Layout adapts from 1 column (mobile) to 3 columns (desktop)"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Consistent Spacing"]},": Uses PageGrid gutter for consistent spacing between cards"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Theme Support"]},": Full light/dark mode support with automatic background color switching"]}]}]},"headings":[{"value":"StandardCardGroupSection Pattern","id":"standardcardgroupsection-pattern","depth":1},{"value":"Overview","id":"overview","depth":2},{"value":"Basic Usage","id":"basic-usage","depth":2},{"value":"Props","id":"props","depth":2},{"value":"Variant Types","id":"variant-types","depth":3},{"value":"Cards Array","id":"cards-array","depth":3},{"value":"Examples","id":"examples","depth":2},{"value":"With Secondary CTA","id":"with-secondary-cta","depth":3},{"value":"Single CTA Only","id":"single-cta-only","depth":3},{"value":"All Variants","id":"all-variants","depth":3},{"value":"Responsive Layout","id":"responsive-layout","depth":2},{"value":"Accessibility","id":"accessibility","depth":2},{"value":"CSS Classes","id":"css-classes","depth":2},{"value":"Best Practices","id":"best-practices","depth":2},{"value":"Design Constraints","id":"design-constraints","depth":2}],"frontmatter":{"seo":{"title":"StandardCardGroupSection Pattern"}},"editPage":{"to":"https://github.com/XRPLF/xrpl-dev-portal/tree/master/shared/sections/StandardCardGroupSection/README.md"},"lastModified":"2026-02-23T23:00:18.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/ja/shared/sections/standardcardgroupsection/readme","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}