node package manager

essence-card

Essence Card - Card component

Option:

  • classes or className: css style class name

NOTE: CardHeader, CardContent or CardFooter can be use or ignored as a child in Card component

How to use

import {Card, CardHeader, CardContent, CardFooter} from 'essence-card';
 
<Card>
 <CardHeader> Card header </CardHeader>
 <CardContent classes={'card-supporting-text e-text-blue-grey-400'}> Card content </CardContent>
 <CardFooter> Card footer with action buttons </CardFooter>
</Card>

Manage permissions for the whole team

Manage developer teams with varying permissions and multiple projects. Learn more about Private Packages and Organizations…

how? learn more

Collaborators list

Stats

Try it out

Keywords

color palette, component, essence, google material, grid lists, javascript, less css, less, lesscss, material components, material design framework, material design, material, module, react component, react components, react native, react, react-component, template, templates, tile, tiles, UI component, UI kit, UI kits, UI, widget, card, cards, paper card, google card, swiper, tinder, carousel, usercard

Dependencies (2)

classnames, essence-core

Dependents (1)

react-essence