Project
This is like a card content component, used to display a content item, for example
an article, post or project. It uses the <Frame /> component as a wrapper
and the <Words /> for the header title animation.
<Project animate header='Arwes'>
Futuristic Sci-Fi and Cyberpunk Graphical
User Interface Framework for Web Apps
</Project>The theme is the primary and the title has the header theme, this is not configurable.
| Prop name | Type | Default | Description |
|---|---|---|---|
| Animation | any | AnimationComponent | |
| Frame | any | FrameComponent | |
| Words | any | WordsComponent | |
| Heading | any | HeadingComponent | |
| theme | any | Required | |
| classes | any | Required | |
| animate | bool | ||
| show | bool | true | |
| animation | object | ||
| sounds | object | {} | It uses the |
| node | string | 'article' | The HTML tag element to use. |
| header | string | Required | The HTML header used for the title. |
| headerSize | enum | 'h2' | The actual font size to use for the HTML header. One of: 'h1', 'h2', 'h3', 'h4', 'h5', 'h6' |
| icon | any | <i className='mdi mdi-package' /> | The icon to decorate the project. |
| children | any | If function, receives the animation status object. |
Source code: src/Project Open in: Playground