Card
A box with a top, a middle and a bottom.
Default
Header with an action, a field in the middle, two buttons at the foot.
New project
It starts empty. You can rename it later.
Seven pieces you arrange yourself rather than props you configure: a header with its title and description, an action in the corner of that header, the content, and a footer. Use the ones you need and leave out the rest.
Installation
npx philcn@latest add cardThe file is written into your project. It is yours from then on — change it as you like.
Props
None of its own. Everything you pass goes straight to the underlying <div>, className included.
Worth knowing
- CardAction sits in the top right of the header, beside the title, without being told to: the header's own grid puts it there.