Customization

The ChannelFeed component has fixed internal styling. Customize by wrapping in a container.


Styling Limitations

What You Can Customize

Container Level Only:

  • ✅ Dimensions (width, height)

  • ✅ Spacing (padding, margin)

  • ✅ Borders and shadows

  • ✅ Layout positioning

What You Cannot Customize

Internal Styling:

  • ❌ Color scheme (dark theme only)

  • ❌ Typography (fonts, sizes)

  • ❌ Component layout structure

  • ❌ Buttons, avatars, text styles

The component maintains consistent styling for functionality and accessibility.


Container Patterns

Basic Wrapping

Control dimensions and spacing:

Responsive Layout


Common Layouts

Tabs


Performance

Multiple Instances: Each feed maintains separate state and API connections. Limit visible feeds:


CSS Isolation

Component styles use deva- prefix to avoid conflicts with your CSS:

This means you can safely use ChannelFeed with any CSS framework.


Last updated