Section
Section, SplitView und AuthLayout: Seitenstruktur mit Raum statt Kästen.
Usage
Last 30 days
12,480requests
$184.20total spend
<div className="w-full">
<SplitView
aside={
<>
<Select
label="Measure"
options={[
{ value: "spend", label: "Spend" },
{ value: "requests", label: "Requests" },
]}
defaultValue="spend"
fullWidth
/>
<Select
label="Group by"
options={[
{ value: "model", label: "Model" },
{ value: "key", label: "Key" },
]}
defaultValue="model"
fullWidth
/>
</>
}
>
<Section title="Usage" description="Last 30 days">
<MetricRow>
<Stat value="12,480" unit="requests" />
<Stat value="$184.20" unit="total spend" />
</MetricRow>
</Section>
</SplitView>
</div>import { Section, SplitView, AuthLayout } from "@logicplanes/kaeso-ui";Props
actionsReactNodeAktionen am Ende der Überschriftenzeile.
childrenReactNodeDer Inhalt des Abschnitts.
descriptionReactNodeEin Satz unter der Überschrift.
spacing"none" | "default" = defaultDer Abstand über dem Abschnitt: der Standard oder keiner.
titleReactNodeDie Überschrift des Abschnitts.