SchemaSection

apps/www/src/components/SchemaSection.astro · 16 lines · group Features & lists

Used by

codeexpert.se / × 2

Live sites: codeexpert.se.

Samples 1

codeexpert.se/

How do we make expectation and reality be equal?

1DATA DOMAIN analysis using entity relationship diagrams
2Working with domain experts using UBIQUITOUS language
3BUSINESS PROCESSES analysis with flowcharts, sequence diagrams
4SYSTEM analysis using component diagrams and design patterns
5Creating PROTOTYPE on pre-sale stage and approve UX and UI with customer
6A/B TESTING to compare two variants of a specific feature

MDX of this sample

<SchemaSection title="How do we make expectation and reality be equal?">
  <SchemaItem text="DATA DOMAIN analysis using entity relationship diagrams" ind={1} />
  <SchemaItem text="Working with domain experts using UBIQUITOUS language" ind={2} />
  <SchemaItem text="BUSINESS PROCESSES analysis with flowcharts, sequence diagrams" ind={3} />
  <SchemaItem text="SYSTEM analysis using component diagrams and design patterns" ind={4} />
  <SchemaItem text="Creating PROTOTYPE on pre-sale stage and approve UX and UI with customer" ind={5} />
  <SchemaItem text="A/B TESTING to compare two variants of a specific feature" ind={6} isLastItem={true} />
</SchemaSection>

Props

Name	Type	Required	Default	Description
title	string	yes

Source apps/www/src/components/SchemaSection.astro @ gitt.one

---
interface Props {
  title: string;
}
const { title } = Astro.props;
---

<div class="border-l-0 border-r-0 border-stone-800 bg-stone-800">
  <h2 class="m-0 px-4 py-4 text-center text-3xl font-extrabold tracking-tight text-white sm:px-6 sm:py-6 sm:text-4xl lg:px-8">
    {title}
  </h2>
  <ol class="grid border border-l-0 border-r-0 border-stone-800 bg-stone-800 divide-y divide-stone-800 sm:grid-cols-3 md:divide-y-0 lg:grid-cols-6">
    <slot />
  </ol>
</div>

Source links point to engine-astro@e857a859. Samples are cut from the sites' own content by scripts/gallery-extract.mjs; nothing is merged or removed yet.