Preact components using spectre.css
- Get spectre.css
- Install preact-spectre
npm
npm install @jchn/preact-spectre
yarn
yarn add @jchn/preact-spectre
View all components in storybook.
| component | import |
|---|---|
| Accordion | import { Accordion } from '@jchn/preact-spectre' |
| Avatar | import { Avatar } from '@jchn/preact-spectre' |
| Bar | import { Bar } from '@jchn/preact-spectre' |
| Breadcrumb | import { Breadcrumb } from '@jchn/preact-spectre' |
| Button | import { Button } from '@jchn/preact-spectre' |
| ButtonGroup | import { ButtonGroup } from '@jchn/preact-spectre' |
| Card | import { Card } from '@jchn/preact-spectre' |
| Chip | import { Chip } from '@jchn/preact-spectre' |
| Code | import { Code } from '@jchn/preact-spectre' |
| Empty | import { Empty } from '@jchn/preact-spectre' |
| Figure | import { Figure } from '@jchn/preact-spectre' |
| Form | import { Form } from '@jchn/preact-spectre' |
| Grid | import { Grid } from '@jchn/preact-spectre' |
| Hero | import { Hero } from '@jchn/preact-spectre' |
| Img | import { Img } from '@jchn/preact-spectre' |
| Label | import { Label } from '@jchn/preact-spectre' |
| Menu | import { Menu } from '@jchn/preact-spectre' |
| Modal | import { Modal } from '@jchn/preact-spectre' |
| Nav | import { Nav } from '@jchn/preact-spectre' |
| Navbar | import { Navbar } from '@jchn/preact-spectre' |
| Pagination | import { Pagination } from '@jchn/preact-spectre' |
| Panel | import { Panel } from '@jchn/preact-spectre' |
| Popover | import { Popover } from '@jchn/preact-spectre' |
| Steps | import { Steps } from '@jchn/preact-spectre' |
| Table | import { Table } from '@jchn/preact-spectre' |
| Tabs | import { Tabs } from '@jchn/preact-spectre' |
| Tile | import { Tile } from '@jchn/preact-spectre' |
| Toast | import { Toast } from '@jchn/preact-spectre' |
| Video | import { Video } from '@jchn/preact-spectre' |