https://kalki-ui.vercel.app/assets/AvatarPage.292080f0.js

1import{b as i,j as a,e as s}from"./index.a7b0f903.js";import{d as t,f as e,p as o}from"./SectionHeader-DYcXuYR3.b6421e27.js";import{u as n}from"./TableList-C6a8YAP4.99b96975.js";import{D as c}from"./DocsDivider.71bb2a48.js";import{l,d as m,u as d}from"./Avatar-DmXu2vjQ.852ff3da.js";import{D as p}from"./DocumentationRenderer.503817a3.js";import{S as v}from"./SyntaxHighLighter.f4cd55ea.js";import{H as h}from"./index.77c1648b.js";import"./Table-h91U6M7K.323e995d.js";import"./check.04536493.js";const u="https://github.com/shadcn.png",g=[{title:"Basic Avatar",desc:"This example demonstrates the most basic usage of the Avatar component with a source image, default alt text, and default size.",code:`
2import { Avatar, AvatarImage, AvatarFallback } from "kalki-ui";
3
4export default function BasicAvatar() {
5  return (
6    <Avatar>
7      <AvatarImage src="https://github.com/shadcn.png" alt="Avatar" />
8      <AvatarFallback>SC</AvatarFallback>
9    </Avatar>
10  );
11}
12`,snippet:i(l,{children:[a(m,{src:u,alt:"Avatar"}),a(d,{children:"SC"})]})}],f=["Name","Type","Default","Description"],A=[["src","string","null","Defines the image to display."],["alt","string","avatar","It specifies an alternate text for an image, if the image cannot be displayed."],["width","string","50px","width of avatar."],["height","string","50px","height of avatar."],["fluid","bool","null","if used object-fit will be contain or cover."],["curvedBorder","bool","null","for curved borders"],["circle","bool","null","for circular avatar"]],b=`
13  <Avatar>
14    <AvatarImage  />
15    <AvatarFallback>
16    
17    </AvatarFallback>
18  </Avatar>
19`,r={title:"Avatar",description:"Avatar represents people using icons, labels and images."},S=()=>i("div",{className:"container",children:[a(h,{...r}),i(t,{variant:"transparent",size:"sm",children:[a(e,{className:"tracking-wide",children:r.title}),a(o,{className:"tracking-wide",children:r.description})]}),a(c,{}),a(p,{className:"my-4",data:g,componentName:"Avatar"}),a(t,{variant:"transparent",size:"sm",children:a(e,{className:"tracking-wide",children:"Props"})}),a(n,{columns:f,rows:A,code:!0,CodeColumn:0}),a(t,{variant:"transparent",size:"sm",className:"mt-4",children:a(e,{className:"tracking-wide",children:"Component Hierarchy"})}),a(s,{borderStyle:"solid",children:a(v,{code:b,language:"jsx"})})]});export{S as default};