New Components¶

st_yled provides a collection of components that extend Streamlit's functionality with pre-built UI patterns and advanced interactions.

Component Categories¶

🃏 Card Components¶

Beautiful card components for displaying content in organized, visually appealing containers.

Available Components:

• Badge Card One - Cards with customizable badges

• Image Card One - Image-focused card layouts

📐 Layout Components¶

Advanced layout components for better page structure and navigation.

Available Components:

• Sticky Header - Fixed headers that stay visible while scrolling

🧭 Navigation Components¶

Components for controlling navigation and routing in your application.

Available Components:

• Redirect - Programmatic URL redirection

🎛️ Input Components¶

Enhanced input components with advanced functionality.

Available Components:

• Split Button - Buttons with dropdown action menus

Using Custom Components¶

All custom components are accessible through the st_yled namespace:

import st_yled

# Initialize st_yled
st_yled.init()

# Use custom components
st_yled.badge_card_one(
    badge_text="New",
    title="Featured Item",
    text="Check out this amazing feature"
)

Installation¶

Custom components are included with st_yled. No additional installation required:

pip install st-styled

Next Steps¶

• Explore component categories above
• Check out Basic Examples
• Learn about Element Styling

st_yled with ❤️ from EVOBYTE