List rowmobile

Row with leading, content and trailing areas, link or button rendering through render, and a group that owns the dividers.

설치

pnpm

pnpm dlx shadcn@4.23.0 add @uikit/list-row

의존 아이템style

Button

list-row-button.tsx

import { ListRow, ListRowChevron, ListRowGroup } from "@/components/ui/list-row";
export default function ListRowButton() {  return (    <ListRowGroup className="max-w-sm">      <ListRow        render={<button type="button" aria-label="Sign out You can sign in again at any time" />}        title="Sign out"        description="You can sign in again at any time"        trailing={<ListRowChevron />}      />    </ListRowGroup>  );}