powered by apitogoComponents
Components
Use these components in MDX pages and custom React pages. Import from @lukoweb/apitogo/ui/* or
@lukoweb/apitogo/components unless noted.
General
| Component | Import | Description |
|---|---|---|
| Alert | @lukoweb/apitogo/ui/Alert | Important messages with severity levels |
| Callout | @lukoweb/apitogo/ui/Callout | Highlight notes, tips, and warnings |
| Badge | @lukoweb/apitogo/ui/Badge | Status labels and tags |
| Card | @lukoweb/apitogo/ui/Card | Grouped content with header, body, and footer |
| Dialog | @lukoweb/apitogo/ui/Dialog | Modal dialogs that require attention |
| Icons | @lukoweb/apitogo/icons | Lucide icons re-exported for MDX and React |
| Markdown | @lukoweb/apitogo/components | Render markdown with syntax highlighting |
| Tooltip | @lukoweb/apitogo/ui/Tooltip | Hover or focus hints |
| Typography | @lukoweb/apitogo/components | Prose styling for headings, lists, and body text |
Documentation
| Component | Import | Description |
|---|---|---|
| CodeTabs | MDX built-in | Tabbed code examples (languages or package managers) |
| Mermaid | @lukoweb/apitogo/mermaid | Client-rendered Mermaid diagrams |
| API Playground | MDX built-in | Try API requests from the docs |
| Secret | @lukoweb/apitogo/ui/Secret | Mask and reveal API keys |
| Stepper | MDX built-in | Numbered multi-step guides |
| Syntax Highlight | @lukoweb/apitogo/ui/SyntaxHighlight | Highlighted code with line numbers and copy |
Form
| Component | Import | Description |
|---|---|---|
| Button | @lukoweb/apitogo/ui/Button | Actions with variants and sizes |
| Checkbox | @lukoweb/apitogo/ui/Checkbox | Boolean checkbox input |
| Input | @lukoweb/apitogo/ui/Input | Single-line text input |
| Label | @lukoweb/apitogo/ui/Label | Accessible form labels |
| Select | @lukoweb/apitogo/ui/Select | Choose from a list of options |
| Slider | @lukoweb/apitogo/ui/Slider | Numeric range input |
| Switch | @lukoweb/apitogo/ui/Switch | Boolean toggle |
| Textarea | @lukoweb/apitogo/ui/Textarea | Multiline text input |
Utility
| Component | Import | Description |
|---|---|---|
| ClientOnly | @lukoweb/apitogo/components | Render children only on the client |
| Head | @lukoweb/apitogo/components | Set title, meta, and link tags |
| Link | @lukoweb/apitogo/components | Client-side and external navigation |
| Slot | @lukoweb/apitogo/components | Inject content into layout slots |
shadcn/ui
Additional primitives are available from @lukoweb/apitogo/ui/*. See
shadcn/ui for the full list.
Last modified on