Components
SilentTextRight 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
SilentTextRight Component
SilentTextRight
This component provides SilentTextRight functionality.
Props
prop1
: Description of prop1.prop2
: Description of prop2.
Usage
import { SilentTextRight } from './SilentTextRight';
const props = {};
<SilentTextRight 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 SilentTextRight = ({ className }: Props): JSX.Element => {
return (
<div className={`relative w-[38px] h-[22px] ${className}`}>
<div className="absolute -top-px -left-px [font-family:'SF_Pro_Text-Regular',Helvetica] font-normal text-[#ff3b30] text-[15px] text-center tracking-[0] leading-[22px] whitespace-nowrap">
Silent
</div>
</div>
);
};
On this page