Components
PropertyDefault Component
Components
- 3DCard Component
- AirpodsProLeft Component
- AirpodsProRight Component
- Alert Component
- Audio Component
- Button Component
- Card Component
- ChargingIconRight Component
- ChargingTextLeft Component
- Checkbox Component
- Collapse Component
- EmptyState Component
- ErrorMessage Component
- Form Component
- GridLayout Component
- HelpTooltip Component
- Image Component
- Input Component
- Lamp Component
- LightBox Component
- Modal Component
- MovingBorder Component
- PageLoading Component
- Popover Component
- PropertyDefault Component
- Radio Component
- RangeSlider Component
- Select
- SilentIconLeft Component
- SongThumbnail Component
- SilentTextRight Component
- Spinner Component
- TabButton Component
- TextArea Component
- Toggle Component
- Toggle2 Component
- Tooltip Component
- WarningMessage Component
Components
PropertyDefault Component
PropertyDefault
This component provides PropertyDefault functionality.
Props
prop1
: Description of prop1.prop2
: Description of prop2.
Usage
import { PropertyDefault } from './PropertyDefault';
const props = {};
<PropertyDefault prop1="value1" prop2="value2" />;
/*
We're constantly improving the code you see.
Please share your feedback here: https://form.asana.com/?k=uvp-HPgd3_hyoXRBw1IcNg&d=1152665201300829
*/
import React from "react";
interface Props {
className: any;
}
export const PropertyDefault = ({ className }: Props): JSX.Element => {
return (
<div className={`relative w-[24px] h-[24px] ${className}`}>
<div className="absolute w-[2px] h-[6px] top-[9px] left-px bg-[#fee801] rounded-[50px]" />
<div className="absolute w-[2px] h-[16px] top-[4px] left-[5px] bg-[#fee801] rounded-[50px]" />
<div className="absolute w-[2px] h-[12px] top-[6px] left-[13px] bg-[#fee801] rounded-[50px]" />
<div className="absolute w-[2px] h-[20px] top-[2px] left-[17px] bg-[#fee801] rounded-[50px]" />
<div className="absolute w-[2px] h-[8px] top-[8px] left-[21px] bg-[#fee801] rounded-[50px]" />
<div className="absolute w-[2px] h-[24px] top-0 left-[9px] bg-[#fee801] rounded-[50px]" />
</div>
);
};
On this page