Guide Card

GuideCard is a component used to display visual guides, introductory content, or instructional information with an optional cover image, title, and description. It supports various visual styles, closable functionality, and customization options.

Library

Lobe UI

Framework

React

Type

component

License

MIT

Install

pnpm add @lobehub/ui

Files

• src/GuideCard/GuideCard.tsx
• src/GuideCard/index.tsx
• src/GuideCard/stable.ts
• src/GuideCard/style.ts
• src/GuideCard/type.ts
• src/ActionIcon/index.ts
• src/Flex/index.ts
• src/types/index.ts

Source

https://github.com/lobehub/lobe-ui

Categories

• Banner Components
• React Banner Components
• Card Components
• React Card Components
• Data Display Components
• React Data Display Components
• Feedback Components
• React Feedback Components

More from Lobe UI

• Awesome Agent Skill Card
• Awesome Install Banner
• Awesome Spotlight Card
• Dashboard Stat Card
• Dashboard Surface
• Mdx Cards
• Accordion
• Action Icon
• Action Icon Group
• Agent Avatar
• Alert
• Anchor