⚠️ Still in β. Lightモードで御覧ください。
Docs
Components
Pricemenu

PriceMenu

  • <PriceMenu>
  • Lismクラス: .b--?

Memo

  • @loos/lism-core に入れるようなものではないかも..?

Import

import { PriceMenu } from '@loos/lism-core';

DEMO

草案

とても美味しいトマトソースのスパゲッティ

1,000円

美味しいドリンク

500円

リサイズ可能エリアです ↑
<Stack className="b--priceMenu" gap={20} fz={['s','m']} lh="s">
	<Grid columns="auto 1fr auto" ai="center" gap={20}>
		<Text className="b--priceMenu__name">とても美味しいトマトソースのスパゲッティ</Text>
		<Decorator minW="1.5em" bd="block-start" bdc="base" />
		<Text className="b--priceMenu__price" whs="nowrap">1,000円</Text>
	</Grid>
	<Grid columns="auto 1fr auto" ai="center" gap={20}>
		<Text className="b--priceMenu__name">美味しいドリンク</Text>
		<Decorator minW="1.5em" bd="block-start" bdc="base" />
		<Text className="b--priceMenu__price" whs="nowrap">500円</Text>
	</Grid>
</Stack>