🧩

Shared UI Components

Estimated reading time: 15 min

The @reactslides/shared-ui package provides pre-built components for common presentation elements.

Component Categories

Layout

12 components

TwoColumn, Grid, TitleSlide, etc.

Typography

8 components

Heading, Text, BigText, etc.

Media

5 components

Image, Video, Icon, etc.

Interactive

6 components

Button, Link, Card, etc.

Data Visualization

4 components

Chart, Table, Stats, etc.

Animations

3 components

Fragment, Transition, etc.

Usage Example

tsx
import { 
  TwoColumn, 
  Heading, 
  Text, 
  Image,
  List 
} from "@reactslides/shared-ui";

<Slide>
  <TwoColumn>
    <div>
      <Heading level={2}>Features</Heading>
      <List variant="check">
        <li>Fast rendering</li>
        <li>Type-safe</li>
        <li>Customizable</li>
      </List>
    </div>
    <Image src="demo.png" alt="Demo" />
  </TwoColumn>
</Slide>