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>