Section
Section、SplitView 和 AuthLayout:用留白而非方框构成页面结构。
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";属性
actionsReactNode标题行末尾的操作。
childrenReactNode区块的内容。
descriptionReactNode标题下方的一句话。
spacing"none" | "default" = default区块上方的间距:默认或无。
titleReactNode区块的标题。